jQuery的Ajax接收java返回數(shù)據(jù)方法
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格式數(shù)據(jù):
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();
其中l(wèi)ist為從數(shù)據(jù)庫中查出的數(shù)據(jù),JSONArray.fromObject(list)需要導(dǎo)入json-lib-2.4-jdk15.jar包,而且這個包需要在導(dǎo)入幾個依賴包才能用這個百度一下吧。注意返回的格式為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格式的數(shù)據(jù)即可。
3 如果Ajax要求返回的數(shù)據(jù)類型為 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就是就是從后端返回的數(shù)據(jù)。
以上這篇jQuery的Ajax接收java返回數(shù)據(jù)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- Java使用Ajax實現(xiàn)跨域上傳圖片功能
- React+ajax+java實現(xiàn)上傳圖片并預(yù)覽功能
- 使用Ajax進行文件與其他參數(shù)的上傳功能(java開發(fā))
- AJAX實現(xiàn)數(shù)據(jù)的增刪改查操作詳解【java后臺】
- Java后臺判斷ajax請求及處理過程詳解
- 使用jquery 的ajax 與 Java servlet的交互代碼實例
- java模擬ajax訪問另一個項目的controller代碼實例
- Java+Ajax實現(xiàn)的用戶名重復(fù)檢驗功能實例詳解
- AJAX+JAVA用戶登陸注冊驗證的實現(xiàn)代碼
- 原生JavaScrpit中異步請求Ajax實現(xiàn)方法
- Javaweb使用cors完成跨域ajax數(shù)據(jù)交互
- Java使用Ajax異步上傳文件
相關(guān)文章
jQuery插件學(xué)習(xí)教程之SlidesJs輪播+Validation驗證
這篇文章主要介紹了jQuery插件學(xué)習(xí)教程之SlidesJs輪播+Validation驗證的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07淺談jQuery中對象遍歷.eq().first().last().slice()方法
本文給大家分析了jQuery中的對象遍歷.eq().first().last().slice()方法的使用,以及他們之間的區(qū)別,jQuery源碼中的使用。2014-11-11