jQuery的Ajax接收java返回数据方法


Posted in jQuery onAugust 11, 2018

1.前端Ajax请求如下:

$.ajax({
  type : "post",
  //async:false,
  url : PATH + "/product/selectPicture.action",
  dataType : "json",
  success : function(data) {
   $.each(data,function(k,v){
     alert(k +":"+ v);
    });
  }
 });

2 其中PATH在jsp页面中定义:

<%
String path=request.getContextPath();
%>
<script>
 var PATH = ‘<%=path%>';
</script>

2.1 后端java代码输出json格式数据:

List<Map<String,Object>> list = bo.selectData();
response.setContentType("application/json;charset=GBK");
PrintWriter out=response.getWriter();  
out.write(JSONArray.fromObject(list).toString());
out.flush();
out.close();

其中list为从数据库中查出的数据,JSONArray.fromObject(list)需要导入json-lib-2.4-jdk15.jar包,而且这个包需要在导入几个依赖包才能用这个百度一下吧。注意返回的格式为json,和编码格式。

2.2 也可以使用alibaba的fastjson1.2.8.jar包,那么后端就该这么写:

List<Map<String,Object>> list = productService.selectCategory();
String jsonString = JSON.toJSONString(list, true); 
response.setContentType("application/json;charset=utf-8"); 
PrintWriter out = response.getWriter();
out.write(jsonString);
out.flush();
out.close();

2.3 如果后端用的是基于注解的springMVC,就这么写:

@ResponseBody
public JSONArray selectData(HttpServletRequest request){ 
  List<Map<String,Object>> list= bo.selectData(); 
  return JSONArray.fromObject(list);
 }

就是在方法前加上@ResponseBody注解,并return json格式的数据即可。

3 如果Ajax要求返回的数据类型为 dataType : “html”,那么后端java就是:

String key = bo.selectData();
response.setContentType("text/html;charset=utf-8");
Writer out = response.getWriter();
out.write(key);
out.flush();
out.close();

在Ajax的success : function(data) { }方法中,data就是就是从后端返回的数据。

以上这篇jQuery的Ajax接收java返回数据方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
Mar 23 jQuery
jquery.masonry瀑布流效果
May 25 jQuery
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 jQuery
使用jQuery实现简单的tab框实例
Aug 22 jQuery
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
jquery实现搜索框功能实例详解
Jul 23 jQuery
jquery的$().each和$.each的区别
Jan 18 jQuery
jquery获取file表单选择文件的路径、名字、大小、类型
Jan 18 jQuery
jquery+php后台实现省市区联动功能示例
May 23 jQuery
jQuery Ajax async=&gt;false异步改为同步时,解决导致浏览器假死的问题
Jul 22 jQuery
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
jQuery实现简单聊天室
Feb 08 jQuery
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 #jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 #jQuery
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 #jQuery
使用jquery DataTable和ajax向页面显示数据列表的方法
Aug 09 #jQuery
jQuery 实现批量提交表格多行数据的方法
Aug 09 #jQuery
jQuery AJAX 方法success()后台传来的4种数据详解
Aug 08 #jQuery
通过jquery的ajax请求本地的json文件方法
Aug 08 #jQuery
You might like
dede3.1分页文字采集过滤规则详说(图文教程)续二
2007/04/03 PHP
从Web查询数据库之PHP与MySQL篇
2009/09/25 PHP
表格展示无限级分类(PHP版)
2012/08/21 PHP
ThinkPHP让分页保持搜索状态的方法
2014/07/02 PHP
php字符串替换函数substr_replace()用法实例
2015/03/17 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
Laravel 批量更新多条数据的示例
2017/11/27 PHP
jQuery实现的简单提示信息插件
2015/12/08 Javascript
jQuery Validate表单验证深入学习
2015/12/18 Javascript
javascript创建cookie、读取cookie
2016/03/31 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
2017/04/20 Javascript
详解AngularJS ui-sref的简单使用
2017/04/24 Javascript
js 索引下标之li集合绑定点击事件
2018/01/12 Javascript
vue全局使用axios的操作
2020/09/08 Javascript
[01:20]辉夜杯背景故事宣传片《辉夜传说》
2015/12/25 DOTA
videocapture库制作python视频高速传输程序
2013/12/23 Python
Python脚本判断 Linux 是否运行在虚拟机上
2015/04/25 Python
python Django框架实现自定义表单提交
2016/03/25 Python
python自动发送邮件脚本
2018/06/20 Python
python3.6 tkinter实现屏保小程序
2019/07/30 Python
原装进口全世界:天猫国际
2016/08/03 全球购物
中国跨镜手机配件批发在线商店:TVC-Mall
2019/08/20 全球购物
网络安全类面试题
2015/08/01 面试题
J2EE包括哪些技术
2016/11/25 面试题
大学毕业生自我鉴定
2013/11/05 职场文书
运动会广播稿100字
2014/01/11 职场文书
迎元旦广播稿
2014/02/22 职场文书
搞笑征婚广告词
2014/03/17 职场文书
学校端午节活动方案
2014/08/23 职场文书
党员创先争优心得体会
2014/09/11 职场文书
办公室务虚会发言材料
2014/10/20 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
历史博物馆观后感
2015/06/05 职场文书
2015年大学组织委员个人工作总结
2015/10/23 职场文书
2016年暑期见闻作文
2015/11/25 职场文书
基于Python和openCV实现图像的全景拼接详细步骤
2021/10/05 Python