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 相关文章推荐
HTML5+jQuery实现搜索智能匹配功能
Mar 24 jQuery
jQuery 控制文本框自动缩小字体填充
Jun 16 jQuery
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
jQuery图片查看插件Magnify开发详解
Dec 25 jQuery
jQuery Dom元素操作技巧
Feb 04 jQuery
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
jQuery层叠选择器用法实例分析
Jun 28 jQuery
jQuery 图片查看器插件 Viewer.js用法简单示例
Apr 04 jQuery
jQuery实现简单飞机大战
Jul 05 jQuery
JS JQuery获取data-*属性值方法解析
Sep 01 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
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
关于PHP递归算法和应用方法介绍
2013/04/15 PHP
浅谈PHP解析URL函数parse_url和parse_str
2014/11/11 PHP
PHP简单获取上月、本月、近15天、近30天的方法示例
2017/07/03 PHP
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
2007/01/29 Javascript
用JS实现3D球状标签云示例代码
2013/12/01 Javascript
node.js中的fs.fchown方法使用说明
2014/12/16 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
2016/03/07 Javascript
详解JavaScript的另类写法
2016/04/11 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
浅谈js中字符和数组一些基本算法题
2016/08/15 Javascript
jQuery 的 ready()的纯js替代方法
2016/11/20 Javascript
select下拉框插件jquery.editable-select详解
2017/01/22 Javascript
原生javascript实现分页效果
2017/04/21 Javascript
整理一些最近经常遇到的前端面试题
2017/04/25 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
利用Angular7开发一个Radio组件的全过程
2019/07/11 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
2019/10/23 Javascript
js实现ajax的用户简单登入功能
2020/06/18 Javascript
[01:25:09]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第二场
2014/05/24 DOTA
[02:26]2016国际邀请赛8月3日开战 中国军团出征西雅图
2016/08/02 DOTA
使用Python下载Bing图片(代码)
2013/11/07 Python
在Python中使用zlib模块进行数据压缩的教程
2015/06/26 Python
python 转换 Javascript %u 字符串为python unicode的代码
2016/09/06 Python
查看python下OpenCV版本的方法
2018/08/03 Python
python使用多进程的实例详解
2018/09/19 Python
python RabbitMQ 使用详细介绍(小结)
2018/11/08 Python
在pycharm中显示python画的图方法
2019/08/31 Python
Python调用graphviz绘制结构化图形网络示例
2019/11/22 Python
Html5定位终极解决方案
2020/02/05 HTML / CSS
会计专业毕业生自我评价
2013/09/25 职场文书
领导干部廉政承诺书
2014/03/27 职场文书
超市优秀员工事迹材料
2014/05/01 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
2015年学校后勤工作总结
2015/04/08 职场文书
小程序实现侧滑删除功能
2022/06/25 Javascript