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){
     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返回數據的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！