java如何用Ajax获取后台List的值,在页面如何用JS循环接收?麻烦大侠们讲讲! java如何用Ajax获取后台List的值,在页面如何用JS...
\u5728java\u4e2d\u4f7f\u7528ajax\u5728\u63a5\u6536\u540e\u53f0\u4f20\u6765\u7684\u96c6\u5408\u8981\u5728\u9875\u9762\u4e0a\u8fdb\u884c\u663e\u793a\u600e\u4e48\u5f04\uff1f\u53ef\u4ee5\u8003\u8651JSON\uff0c\u6216\u8005XML \u628a\u8fd4\u56deXML\u6587\u6863\uff0c\u5982\uff1a Thik Thik344 \u7136\u540e\u7528Javascript\u89e3\u6790\u8fd9\u6bb5XML\uff0c\u6309\u7167\u4f60\u60f3\u8981\u7684\u65b9\u5f0f\u5448\u73b0\u5728\u9875\u9762
\u4f60\u7528JSONObject jar\u5305\u5c31\u5f88\u7b80\u5355\u4e86,\u904d\u5386list\u96c6\u5408\uff0c\u5b58\u5165JSONObject\u5bf9\u8c61\uff0c\u7ed9\u524d\u53f0\u8fd4\u56deout.println(JSONObject.toString)\uff0c\u524d\u53f0ajax\u7684 success()\u65b9\u6cd5 \u63a5\u53d7\u5c31\u884c\u4e86\uff0c\u8fc7\u7a0b\u7ed9\u4f60\u8bf4\u7684\u5f88\u8be6\u7ec6\u4e86
首先要用JSONArray ja = JSONArray.fromObject(list);封装,然后PrintWriterout=response.getWriter();out.print(ja);
out.flush();
out.close();写出
这时候在js里面var text = xmlHttp.responseText; //字符串(json格式的)
var obj = JSON.parse(text);
var array = obj.list; //数组[存放若干个js对象
for(var i=0;i<array.length;i++){
var e = array[i];
var id = e.Id;
var name = e.name;
}
回调函数,jquery的ajax,可以直接each
怎么取到ajax遍历对象集合后的第一个对象
绛旓細ajax璋冪敤java鍚庡彴鐨勬柟娉曪紝鍏跺疄鏄氳繃url閾炬帴鏉ヨ闂锛岀ず渚嬪涓嬶細package com.xxxx.xxxx.servlet; import java.io.IOException; import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.SQLException; import javax.naming.Context; import ja...
绛旓細鍙互浣跨敤jsonObject鏉ュ皝瑁呫傚皝瑁呭ソ鐨勬牸寮忓ぇ姒傛槸杩欐牱锛歿"Address":["Address1","Address2"],"user":["user1","user2"]}
绛旓細棣栧厛瑕佺敤JSONArray ja = JSONArray.fromObject(list);灏佽,鐒跺悗PrintWriterout=response.getWriter();out.print(ja);out.flush();out.close();鍐欏嚭 杩欐椂鍊欏湪js閲岄潰var text = xmlHttp.responseText; //瀛楃涓(json鏍煎紡鐨)var obj = JSON.parse(text);var array = obj.list; //鏁扮粍[瀛樻斁鑻ュ共涓猨...
绛旓細<servlet-name>ReturnName</servlet-name> <servlet-class>ajax.servlet.ReturnName</servlet-class> </servlet> <servlet-mapping>
绛旓細jquery鍙互閫氳繃ajax璋冪敤鍚庡彴銆俛jax璇峰寘鍚 .ajax(url,[settings])load(url,[data],[callback]).get(url,[data],[fn],[type]).getJSON(url,[data],[fn]).getScript(url,[callback]).post(url,[data],[fn],[type])杩欎簺绉 鍏蜂綋浣跨敤鏂规硶鍙互鍙傜収jquery鐨刟pi jquery 鍦ㄧ嚎 api http://jquery....
绛旓細.post("/myAjax/LoginServlet",{status:"checkCype",ctype:ctype},function(data) { //寰幆鏁扮粍 (data.rows).each(function (i, n) { //i鏄暟缁勭殑涓嬫爣锛宯鏄暟缁勫厓绱 }
绛旓細鐢ˋJAX鏈変竴涓洖璋冨嚱鏁板晩 锛屽洖璋冨嚱鏁伴噷闈㈢殑灏辨槸浣犺繑鍥炵殑瀹炰綋瀵硅薄锛屾槸json鏍煎紡鎴栬呬綘鎸囧畾鐨勬牸寮忥紝鐢ㄨ繑鍥炵殑鏁版嵁鐩存帴鐐瑰睘鎬э紝姣斿浣犲洖璋冨嚱鏁版槸data锛屼綘鐨勫疄浣撳璞¢噷闈㈡湁涓涓睘鎬ame锛屽氨杩欐牱鏉ヨ闂甦ata.name锛屼綘涔熷彲浠ョ敤Jquery append鍒版寚瀹氱殑浣嶇疆鍘伙紝濡傛灉浣犲仛杩囪繖鏍风殑涓滆タ灏变細鏄庣櫧鎴戣鐨勬槸浠涔 ...
绛旓細ajax浣犲彲浠ョ敤JQuery搴,鍥犱负浣犺鑷繁鍐欑殑璇濅唬鐮佹湁鐐瑰銆傛瘮濡傜敤get()鏂瑰紡鎻愪氦:$.get(鈥滀綘鐨刄RL", { name: "John", time: "2pm" }--杩欎釜鏄彁浜ょ殑鍙傛暟,閿煎, function(data){--杩欎釜鏄粠鍚庡彴鍝嶅簲鍚庤皟鐢ㄧ殑鍑芥暟銆俤ata鏄悗鍙拌繑鍥炵殑鍊笺 alert("Data Loaded: " + data); --鍦ㄨ繖閲屼綘寰楀埌鏁版嵁浜嗗氨濂藉姙浜嗐
绛旓細.ajax({ /* 鐣 */ success: function(data){ // 濡傛灉璇锋眰鎴愬姛鍒欒繘鍏ユ鏂规硶锛宒ata灏辨槸鍚庡彴鍝嶅簲鐨勬暟鎹,浣犲彲浠ユ墦鏂偣瀹為檯鐪嬩笅data // 浠庤姹傜殑dataType鍜屾渶鍚庣殑澶勭悊浠g爜鍙互鐪嬪嚭 鍝嶅簲鐨勬暟鎹槸涓涓猨son鏍煎紡鐨勬暟缁 $.each(data,function(commentIndex,comment){ // 閬嶅巻 鍚庡彴鍝嶅簲...
绛旓細鏅氱殑鐖彇鏄姄涓嶄簡js鐨勪箣鍚庣殑鏁版嵁鐨 鍙互鐢╬hantomjs鎴栬卙tmlUnit瀹炵幇 闄勪笂phantomjs绀哄垪浠g爜 package cn.wang.utils;import java.util.Random;import com.gargoylesoftware.htmlunit.BrowserVersion;import com.gargoylesoftware.htmlunit.CookieManager;import com.gargoylesoftware.htmlunit.NicelyResynchronizing...