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 27 jQuery
jQuery简介_动力节点Java学院整理
Jul 04 jQuery
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
详解jquery插件jquery.viewport.js学习使用方法
Sep 08 jQuery
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
jQuery中将json数据显示到页面表格的方法
May 27 jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
jquery实现垂直手风琴菜单
Mar 04 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查询网站的PR值
2013/10/30 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
Yii框架分页技术实例分析
2019/08/30 PHP
php更新cookie内容的详细方法
2019/09/30 PHP
PHP使用redis位图bitMap 实现签到功能
2019/10/08 PHP
Javascript异步编程的4种方法让你写出更出色的程序
2013/01/17 Javascript
js解析与序列化json数据(三)json的解析探讨
2013/02/01 Javascript
原生JS实现的雪花飘落动画效果
2018/05/03 Javascript
vue组件实现可搜索下拉框扩展
2020/10/23 Javascript
angular将html代码输出为内容的实例
2018/09/30 Javascript
node.js学习笔记之koa框架和简单爬虫练习
2018/12/13 Javascript
小程序中英文混合排序问题解决
2019/08/02 Javascript
使用layer模态框给新页面传值的方法
2019/09/27 Javascript
Javascript作用域和作用域链原理解析
2020/03/03 Javascript
[00:33]2016完美“圣”典风云人物:BurNIng宣传片
2016/12/10 DOTA
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
跟老齐学Python之从if开始语句的征程
2014/09/14 Python
Python使用xlrd读取Excel格式文件的方法
2015/03/10 Python
对Python中列表和数组的赋值,浅拷贝和深拷贝的实例讲解
2018/06/28 Python
分析python请求数据
2018/08/19 Python
对pandas中两种数据类型Series和DataFrame的区别详解
2018/11/12 Python
opencv导入头文件时报错#include的解决方法
2019/07/31 Python
python爬虫-模拟微博登录功能
2019/09/12 Python
Win10 安装PyCharm2019.1.1(图文教程)
2019/09/29 Python
python读取ini配置文件过程示范
2019/12/23 Python
Python虚拟环境venv用法详解
2020/05/25 Python
Jmeter HTTPS接口测试证书导入过程图解
2020/07/22 Python
英国可持续奢侈品包包品牌:Elvis & Kresse
2018/08/05 全球购物
JPA的特点
2014/10/25 面试题
会计师事务所审计实习自我鉴定
2013/09/20 职场文书
销售简历自我评价
2014/01/24 职场文书
入党申请自荐书范文
2014/02/11 职场文书
聚美优品的广告词
2014/03/14 职场文书
创先争优承诺书范文
2014/03/31 职场文书
Python实现老照片修复之上色小技巧
2021/10/16 Python
2022年四月新番
2022/03/15 日漫