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插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
jQuery+pjax简单示例汇总
Apr 21 jQuery
简单实现jQuery手风琴效果
Aug 18 jQuery
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
jquery手机触屏滑动拼音字母城市选择器的实例代码
Dec 11 jQuery
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
解决jQuery使用append添加的元素事件无效的问题
Aug 30 jQuery
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
jQuery实现简易聊天框
Feb 08 jQuery
jquery检测上传文件大小示例
Apr 26 jQuery
JQuery实现折叠式菜单的详细代码
Jun 03 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
自己在做项目过程中学到的PHP知识收集
2012/08/20 PHP
php轻松实现中英文混排字符串截取
2014/05/28 PHP
在Mac上编译安装PHP7的开发环境
2015/07/28 PHP
PHP+ajax分页实例简析
2015/12/07 PHP
php根据数据id自动生成编号的实现方法
2016/10/16 PHP
PHP代码重构方法漫谈
2018/04/17 PHP
疯掉了,尽然有js写的操作系统
2007/04/23 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
2013/07/04 Javascript
javascript操作html控件实例(javascript添加html)
2013/12/02 Javascript
在JavaScript的正则表达式中使用exec()方法
2015/06/16 Javascript
JavaScript  cookie 跨域访问之广告推广
2016/04/20 Javascript
jQuery多个版本和其他js库冲突的解决方法
2016/08/11 Javascript
js判断checkbox是否选中个数的方法(超简单)
2016/08/19 Javascript
js倒计时显示实例
2016/12/11 Javascript
bootstrap警告框示例代码分享
2017/05/17 Javascript
JS实现移动端按首字母检索城市列表附源码下载
2017/07/05 Javascript
js图片上传的封装代码
2017/08/01 Javascript
Angular 封装并发布组件的方法示例
2018/04/19 Javascript
微信小程序封装自定义弹窗的实现代码
2019/05/08 Javascript
[02:20]DOTA2亚洲邀请赛 EHOME战队出场宣传片
2015/02/07 DOTA
python 读取txt中每行数据,并且保存到excel中的实例
2018/04/29 Python
在python里从协程返回一个值的示例
2019/02/19 Python
Python面向对象程序设计构造函数和析构函数用法分析
2019/04/12 Python
Python中的引用和拷贝实例解析
2019/11/14 Python
Python 实现OpenCV格式和PIL.Image格式互转
2020/01/09 Python
在pycharm中debug 实时查看数据操作(交互式)
2020/06/09 Python
Python实现区域填充的示例代码
2021/02/03 Python
性能测试工程师的面试题
2015/02/20 面试题
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
造价工程师个人求职信
2013/09/21 职场文书
会议主持词
2014/03/17 职场文书
公司年会搞笑主持词
2014/03/24 职场文书
党的群众路线教育实践活动对照检查材料
2014/09/22 职场文书
素质教育培训心得体会
2016/01/19 职场文书
我对PyTorch dataloader里的shuffle=True的理解
2021/05/20 Python
Python pyecharts绘制条形图详解
2022/04/02 Python