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中关于bind()方法的使用技巧分享
Mar 30 jQuery
jquery实现异步加载图片(懒加载图片一种方式)
Apr 24 jQuery
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
jQuery实现菜单栏导航效果
Aug 15 jQuery
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
jquery学习笔记之无new构建详解
Dec 07 jQuery
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 jQuery
jQuery幻灯片插件owlcarousel参数说明中文文档
Feb 27 jQuery
jquery实现吸顶导航效果
Jan 08 jQuery
jQuery实现二级导航菜单的示例
Sep 30 jQuery
jQuery实现计算器功能
Oct 19 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
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
PHP return语句另类用法不止是在函数中
2014/09/17 PHP
PHP实现PDO的mysql数据库操作类
2014/12/12 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
你需要知道的JavsScript可以做什么?
2007/06/29 Javascript
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
2011/10/31 Javascript
MultiSelect左右选择控件的设计与实现介绍
2013/06/08 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
2015/12/14 Javascript
Vue表单验证插件的制作过程
2017/04/01 Javascript
Vuejs实现带样式的单文件组件新方法
2017/05/02 Javascript
Nodejs核心模块之net和http的使用详解
2019/04/02 NodeJs
Angular CLI 使用教程指南参考小结
2019/04/10 Javascript
Vue 一键清空表单的实现方法
2020/02/07 Javascript
如何基于javascript实现贪吃蛇游戏
2020/02/09 Javascript
微信小程序换肤功能实现代码(思路详解)
2020/08/25 Javascript
ant design 日期格式化的实现
2020/10/27 Javascript
[03:06]3分钟带你回顾DOTA2完美盛典&完美大师赛
2017/12/06 DOTA
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
Python 返回汉字的汉语拼音
2009/02/27 Python
Python中使用logging模块打印log日志详解
2015/04/05 Python
Python遍历文件夹和读写文件的实现代码
2016/08/28 Python
用Python3创建httpServer的简单方法
2018/06/04 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
利用三角函数在canvas上画虚线的方法
2018/01/11 HTML / CSS
eDreams巴西:廉价机票,酒店优惠和度假套餐
2017/04/14 全球购物
英国川宁茶官方网站:Twinings茶
2019/05/21 全球购物
Vision Direct比利时:在线订购隐形眼镜
2019/08/27 全球购物
优秀村官事迹材料
2014/01/10 职场文书
售房协议书
2014/08/19 职场文书
爱牙日宣传活动总结
2015/02/05 职场文书
婚宴父亲致辞
2015/07/27 职场文书
外出学习心得体会范文
2016/01/18 职场文书
创业计划书之珠宝饰品
2019/08/26 职场文书
Python 如何解决稀疏矩阵运算
2021/05/26 Python
Python使用pandas导入xlsx格式的excel文件内容操作代码
2022/12/24 Python