jQuery中Ajax接收java返回数据的示例分析
这篇文章主要为大家展示了“jQuery中Ajax接收java返回数据的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jQuery中Ajax接收java返回数据的示例分析”这篇文章吧。
创新互联公司成立于2013年,是专业互联网技术服务公司,拥有项目成都网站制作、网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元库伦做网站,已为上家服务,为库伦各地企业和个人服务,联系电话:028-86922220
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(); %>
2.1 后端java代码输出json格式数据:
List
其中list为从数据库中查出的数据,JSONArray.fromObject(list)需要导入json-lib-2.4-jdk15.jar包,而且这个包需要在导入几个依赖包才能用这个百度一下吧。注意返回的格式为json,和编码格式。
2.2 也可以使用alibaba的fastjson1.2.8.jar包,那么后端就该这么写:
List
2.3 如果后端用的是基于注解的springMVC,就这么写:
@ResponseBody public JSONArray selectData(HttpServletRequest request){ 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中Ajax接收java返回数据的示例分析
标题来源:http://hbruida.cn/article/jhdsoc.html