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实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
jQuery实现frame之间互通的方法
Jun 26 jQuery
基于jQuery实现的Ajax 验证用户名唯一性实例代码
Jun 28 jQuery
jQuery简介_动力节点Java学院整理
Jul 04 jQuery
jquery+css实现下拉列表功能
Sep 03 jQuery
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
详解jQuery设置内容和属性
Apr 11 jQuery
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
jQuery--遍历操作实例小结【后代、同胞及过滤】
May 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
Mysql的GROUP_CONCAT()函数使用方法
2008/03/28 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
禁止js文件缓存的代码
2010/04/09 Javascript
jQuery对下拉框,单选框,多选框的操作
2014/02/21 Javascript
jQuery的几个我们必须了解的特点
2015/05/03 Javascript
javascript实现倒计时跳转页面
2016/01/17 Javascript
学做Bootstrap的第一个页面
2016/05/15 HTML / CSS
微信小程序 WXDropDownMenu组件详解及实例代码
2016/10/24 Javascript
js 数字、字符串、布尔值的转换方法(必看)
2017/04/07 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
2018/03/06 Javascript
详解vue-cli3开发Chrome插件实践
2019/05/29 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
2019/06/10 Javascript
vue封装swiper代码实例解析
2019/10/08 Javascript
vue 中几种传值方法(3种)
2019/11/12 Javascript
详解vue 组件
2020/06/11 Javascript
js实现全选和全不选功能
2020/07/28 Javascript
[53:03]Optic vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python 装饰器使用详解
2017/07/29 Python
PyCharm在新窗口打开项目的方法
2019/01/17 Python
python实现控制COM口的示例
2019/07/03 Python
解决Python中pandas读取*.csv文件出现编码问题
2019/07/12 Python
python-视频分帧&amp;多帧合成视频实例
2019/12/10 Python
python logging添加filter教程
2019/12/24 Python
Python tornado上传文件的功能
2020/03/26 Python
解决Python安装cryptography报错问题
2020/09/03 Python
纯CSS3实现的阴影效果
2014/12/24 HTML / CSS
Java面试题:说出如下代码的执行结果
2015/10/30 面试题
党员先锋岗事迹材料
2014/05/08 职场文书
大气污染防治方案
2014/05/19 职场文书
助学贷款贫困证明
2014/09/23 职场文书
2014县政府领导班子对照检查材料思想汇报
2014/09/25 职场文书
财务检查整改报告
2014/11/06 职场文书
文艺演出主持词
2015/07/01 职场文书
公司年会晚会开幕词
2019/04/02 职场文书
财务年终工作总结大全
2019/06/20 职场文书
导游词之日本富士山
2020/01/06 职场文书