jQuery的Ajax接收java返回数据方法

 更新时间:2018年08月11日 10:41:20   作者:老贼大魔王  
今天小编就为大家分享一篇jQuery的Ajax接收java返回数据方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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基础动画操作

    这篇文章主要介绍了JQuery基础动画操作,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • jQuery使用技巧简单汇总

    jQuery使用技巧简单汇总

    本文将详细介绍下jQuery对象作为数组处理、创建一个空的jQuery对象、selector属性、选择随机元素,感兴趣的朋友可以参考下哈
    2013-04-04
  • jQuery插件学习教程之SlidesJs轮播+Validation验证

    jQuery插件学习教程之SlidesJs轮播+Validation验证

    这篇文章主要介绍了jQuery插件学习教程之SlidesJs轮播+Validation验证的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • jquery.cookie.js用法实例详解

    jquery.cookie.js用法实例详解

    这篇文章主要介绍了jquery.cookie.js用法,结合实例形式较为详细的分析了jquery.cookie.js针对cookie的获取、创建、设置、删除等常用技巧,需要的朋友可以参考下
    2015-12-12
  • jquery与js函数冲突的两种解决方法

    jquery与js函数冲突的两种解决方法

    如果您想继续使用原先的$(),同时还需要与别的类库不冲突的话,下面由两种方法,有类似需求的朋友可以参考下,希望对大家有所帮助
    2013-09-09
  • 浅谈jQuery中对象遍历.eq().first().last().slice()方法

    浅谈jQuery中对象遍历.eq().first().last().slice()方法

    本文给大家分析了jQuery中的对象遍历.eq().first().last().slice()方法的使用,以及他们之间的区别,jQuery源码中的使用。
    2014-11-11
  • 限制上传文件大小和格式的jQuery插件实例

    限制上传文件大小和格式的jQuery插件实例

    这篇文章主要介绍了限制上传文件大小和格式的jQuery插件,实例分析了对上传文件的大小及格式的限制功能,非常具有实用价值,需要的朋友可以参考下
    2015-01-01
  • jQuery性能优化的38个建议

    jQuery性能优化的38个建议

    想必大家对于jQuery这个最流行的javascript类库都不陌生,而且只要是前端开发人员肯定或多或少的使用或者接触过,在这篇文章中,参考了一些资料及实际使用效率,将介绍一些书写高质量jQuery代码的原则,不单单会告诉你如何去书写,也会告诉你为什么这样书写,希望大家会觉得有所帮助
    2014-03-03
  • jQuery设置下拉框显示与隐藏效果的方法分析

    jQuery设置下拉框显示与隐藏效果的方法分析

    这篇文章主要介绍了jQuery设置下拉框显示与隐藏效果的方法,结合实例形式分析了jQuery针对页面元素的事件响应与属性动态操作相关使用技巧,需要的朋友可以参考下
    2019-09-09
  • jQuery实现弹出带遮罩层的居中浮动窗口效果

    jQuery实现弹出带遮罩层的居中浮动窗口效果

    这篇文章主要介绍了jQuery实现弹出带遮罩层的居中浮动窗口效果,涉及jQuery针对页面元素的运算与样式的动态修改相关技巧,需要的朋友可以参考下
    2016-09-09

最新评论