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项目中如何防重复提交的相关资料,需要的朋友可以参考下
    2021-11-11
  • jQuery使用ajaxSubmit()提交表单示例

    jQuery使用ajaxSubmit()提交表单示例

    这篇文章主要介绍了jQuery使用ajaxSubmit()提交表单示例,使用延第三方插件jquery.form实现,需要的朋友可以参考下
    2014-04-04
  • jQuery找出网页上最高元素的方法

    jQuery找出网页上最高元素的方法

    这篇文章主要介绍了jQuery找出网页上最高元素的方法,实例分析了jQuery遍历元素与获取元素高度的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • jQuery animate(滑块滑动效果代码)

    jQuery animate(滑块滑动效果代码)

    jQuery animate 滑块滑动效果,学习jquery的朋友可以看下。
    2010-01-01
  • jquery mobile事件多次绑定示例代码

    jquery mobile事件多次绑定示例代码

    这种绑定方法会在整个document每pageinit一次,就对xxx进行的某一事件进行绑定,而pageinit事件什么时候会触发,感兴趣的朋友可以了解下
    2013-09-09
  • jQuery $命名冲突解决方案汇总

    jQuery $命名冲突解决方案汇总

    也许你在看此文章之前还不知道jquery有一个noConflict()东西了,它就是为了避免与其它js插件碰到相同变量的一个解决方法,利用noConflict()可以把变量存到其它指定的变量中去
    2014-11-11
  • jQuery实现电梯导航案例详解(切换 网页区域)

    jQuery实现电梯导航案例详解(切换 网页区域)

    日常生活中用手机,电脑浏览网页时,滑到了页面下端后想返回顶部 或 跳转到页面别的版块,用鼠标滚动很麻烦,网页电梯导航就可以很方便的精准到达目标版块,本文给大家分享jquery电梯导航案例详解,感兴趣的朋友一起看看吧
    2022-05-05
  • 浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异

    浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异

    本文结合W3School的文档,分析了jQuery中 wrap() wrapAll() 与 wrapInner()的差异,并给出了图文对比教程,非常的简单实用,有需要的朋友可以参考下
    2014-11-11
  • 幻灯片带网页设计中的20个奇妙应用示例小结

    幻灯片带网页设计中的20个奇妙应用示例小结

    幻灯片效果在网站中的使用非常流行,使用幻灯片效果既能在有限的网页空间内展示更多的内容,又能增强视觉趣味,网上众多的幻灯片插件资源也使得幻灯片的实现变得十分简单
    2012-05-05
  • jQuery 在图片和文字中插入内容实例

    jQuery 在图片和文字中插入内容实例

    jQuery是一种流行的JavaScript库,可以轻松地在网页中插入图片和文字。通过使用jQuery的插入功能,您可以在网页上动态地添加内容,从而提高用户体验。本文将介绍如何使用jQuery在图片和文字中插入内容,并提供一些实用的代码示例。
    2023-06-06

最新评论