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实现的MSBar3D图效果示例【附demo源码】
Mar 23 jQuery
使用jQuery卸载全部事件的思路详解
Apr 03 jQuery
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
[原创]jquery判断元素内容是否为空的方法
May 04 jQuery
jQuery实现列表的增加和删除功能
Jun 14 jQuery
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
jQuery中实现text()的方法
Apr 04 jQuery
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
May 13 jQuery
jquery树形插件zTree高级使用详解
Aug 16 jQuery
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
jQuery实现电梯导航模块
Dec 22 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
深入理解:单一入口、MVC、ORM、CURD、ActiveRecord概念
2013/06/06 PHP
完美的2个php检测字符串是否是utf-8编码函数分享
2014/07/28 PHP
PHP实现获取域名的方法小结
2014/11/05 PHP
php判断类是否存在函数class_exists用法分析
2014/11/14 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
php获取本机真实IP地址实例代码
2016/03/31 PHP
orm获取关联表里的属性值
2016/04/17 PHP
php排序算法实例分析
2016/10/17 PHP
利用PHP判断文件是否为图片的方法总结
2017/01/06 PHP
ImageZoom 图片放大镜效果(多功能扩展篇)
2010/04/14 Javascript
JS回调函数的应用简单实例
2014/09/17 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
微信小程序之绑定点击事件实例详解
2017/07/07 Javascript
ComboBox(下拉列表框)通过url加载调用远程数据的方法
2017/08/06 Javascript
Less 安装及基本用法
2018/05/05 Javascript
解决Layui 表格自适应高度的问题
2019/11/15 Javascript
Vue Router的手写实现方法实现
2020/03/02 Javascript
js实现简单贪吃蛇游戏
2020/05/15 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
2020/06/28 Javascript
[00:15]TI9地铁玩家打卡
2019/08/11 DOTA
Python BeautifulSoup中文乱码问题的2种解决方法
2014/04/22 Python
Python使用scrapy采集数据过程中放回下载过大页面的方法
2015/04/08 Python
两个命令把 Vim 打造成 Python IDE的方法
2016/03/20 Python
Python字符串、整数、和浮点型数相互转换实例
2018/08/04 Python
使用Python调取任意数字资产钱包余额功能
2019/08/15 Python
详解scrapy内置中间件的顺序
2020/09/28 Python
Python 利用flask搭建一个共享服务器的步骤
2020/12/05 Python
MATCHESFASHION.COM法国官网:英国奢侈品零售商
2018/01/04 全球购物
兰蔻英国官网:Lancome英国
2019/04/30 全球购物
经典c++面试题三
2015/07/08 面试题
求职自我评价参考范文
2019/05/16 职场文书
基于nginx实现上游服务器动态自动上下线无需reload的实现方法
2021/03/31 Servers
python实现简易名片管理系统
2021/04/11 Python
SpringBoot整合Mybatis Generator自动生成代码
2021/08/23 Java/Android
Python使用pyecharts控件绘制图表
2022/06/05 Python