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加密密码到cookie的实现代码
Apr 18 jQuery
使用jQuery.Pin垂直滚动时固定导航
May 24 jQuery
jquery+css实现下拉列表功能
Sep 03 jQuery
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
jQuery创建及操作xml格式数据示例
May 26 jQuery
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
jquery获取img的src值实例介绍
Jan 16 jQuery
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
Feb 04 jQuery
jQuery实现简易聊天框
Feb 08 jQuery
详解jQuery的核心函数和事件处理
Feb 18 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
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
php 自写函数代码 获取关键字 去超链接
2010/02/08 PHP
ThinkPHP的截取字符串函数无法显示省略号的解决方法
2014/06/25 PHP
PHP+MySQL修改记录的方法
2015/01/21 PHP
Thinkphp微信公众号支付接口
2016/08/04 PHP
PHP5.0~5.6 各版本兼容性cURL文件上传功能实例分析
2018/05/11 PHP
PHP yield关键字功能与用法分析
2019/01/03 PHP
jquery提示 &quot;object expected&quot;的解决方法
2009/12/13 Javascript
jquery插件如何使用 jQuery操作Cookie插件使用介绍
2012/12/15 Javascript
JavaScript设计模式之工厂模式和构造器模式
2015/02/11 Javascript
js实现鼠标感应图片展示的方法
2015/02/27 Javascript
node.js [superAgent] 请求使用示例
2015/03/13 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
2016/01/28 Javascript
JavaScript判断变量是否为数组的方法(Array)
2016/02/24 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
2016/03/09 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
2017/09/07 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
2018/01/20 Javascript
Vue 莹石摄像头直播视频实例代码
2018/08/31 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
2019/04/10 Javascript
详解python中@的用法
2019/03/27 Python
python3读取图片并灰度化图片的四种方法(OpenCV、PIL.Image、TensorFlow方法)总结
2019/07/04 Python
Django密码存储策略分析
2020/01/09 Python
麦当劳印度网上订餐:McDelivery
2020/03/16 全球购物
员工生日会策划方案
2014/06/14 职场文书
个人对照检查材料思想汇报
2014/09/26 职场文书
教导主任个人总结
2015/03/03 职场文书
社区活动总结范文
2015/05/07 职场文书
优秀教师主要事迹材料
2015/11/04 职场文书
JavaScript实现简单图片切换
2021/04/29 Javascript
Python基础之tkinter图形化界面学习
2021/04/29 Python
Mysql Online DDL的使用详解
2021/05/20 MySQL
nginx从安装到配置详细说明(安装,安全配置,防盗链,动静分离,配置 HTTPS,性能优化)
2022/02/12 Servers
java中为什么说子类的构造方法默认访问的是父类的无参构造方法
2022/04/13 Java/Android
Pytorch中expand()的使用(扩展某个维度)
2022/07/15 Python