最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 22:10:21
文档

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

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){ ale
推荐度:
导读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){ ale


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的Ajax接收java返回数据方法

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){ ale
推荐度:
标签: 获取 数据 返回
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top