快捷導(dǎo)航

jQuery的Ajax接收java返回?cái)?shù)據(jù)方法

更新時(shí)間：2018年08月11日 10:41:20 作者：老賊大魔王

今天小編就為大家分享一篇jQuery的Ajax接收java返回?cái)?shù)據(jù)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

1.前端Ajax請(qǐng)求如下：

$.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頁(yè)面中定義：

<%
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ù)庫(kù)中查出的數(shù)據(jù)，JSONArray.fromObject(list)需要導(dǎo)入json-lib-2.4-jdk15.jar包，而且這個(gè)包需要在導(dǎo)入幾個(gè)依賴包才能用這個(gè)百度一下吧。注意返回的格式為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返回?cái)?shù)據(jù)方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

詳解JQuery基礎(chǔ)動(dòng)畫操作
這篇文章主要介紹了JQuery基礎(chǔ)動(dòng)畫操作，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
jQuery使用技巧簡(jiǎn)單匯總
本文將詳細(xì)介紹下jQuery對(duì)象作為數(shù)組處理、創(chuàng)建一個(gè)空的jQuery對(duì)象、selector屬性、選擇隨機(jī)元素，感興趣的朋友可以參考下哈
2013-04-04
jQuery插件學(xué)習(xí)教程之SlidesJs輪播+Validation驗(yàn)證
這篇文章主要介紹了jQuery插件學(xué)習(xí)教程之SlidesJs輪播+Validation驗(yàn)證的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
jquery.cookie.js用法實(shí)例詳解
這篇文章主要介紹了jquery.cookie.js用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jquery.cookie.js針對(duì)cookie的獲取、創(chuàng)建、設(shè)置、刪除等常用技巧,需要的朋友可以參考下
2015-12-12
jquery與js函數(shù)沖突的兩種解決方法
如果您想繼續(xù)使用原先的$()，同時(shí)還需要與別的類庫(kù)不沖突的話，下面由兩種方法，有類似需求的朋友可以參考下，希望對(duì)大家有所幫助
2013-09-09
淺談jQuery中對(duì)象遍歷.eq().first().last().slice()方法
本文給大家分析了jQuery中的對(duì)象遍歷.eq().first().last().slice()方法的使用，以及他們之間的區(qū)別，jQuery源碼中的使用。
2014-11-11
限制上傳文件大小和格式的jQuery插件實(shí)例
這篇文章主要介紹了限制上傳文件大小和格式的jQuery插件,實(shí)例分析了對(duì)上傳文件的大小及格式的限制功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-01-01
jQuery性能優(yōu)化的38個(gè)建議
想必大家對(duì)于jQuery這個(gè)最流行的javascript類庫(kù)都不陌生，而且只要是前端開(kāi)發(fā)人員肯定或多或少的使用或者接觸過(guò)，在這篇文章中，參考了一些資料及實(shí)際使用效率，將介紹一些書寫高質(zhì)量jQuery代碼的原則，不單單會(huì)告訴你如何去書寫，也會(huì)告訴你為什么這樣書寫，希望大家會(huì)覺(jué)得有所幫助
2014-03-03
jQuery設(shè)置下拉框顯示與隱藏效果的方法分析
這篇文章主要介紹了jQuery設(shè)置下拉框顯示與隱藏效果的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素的事件響應(yīng)與屬性動(dòng)態(tài)操作相關(guān)使用技巧,需要的朋友可以參考下
2019-09-09
jQuery實(shí)現(xiàn)彈出帶遮罩層的居中浮動(dòng)窗口效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)彈出帶遮罩層的居中浮動(dòng)窗口效果,涉及jQuery針對(duì)頁(yè)面元素的運(yùn)算與樣式的動(dòng)態(tài)修改相關(guān)技巧,需要的朋友可以參考下
2016-09-09