js如何获取ajax返回的json的数据 ajax返回的json数据怎么取其中的值
js\u600e\u4e48\u83b7\u5f97\u7528ajax\u8fd4\u56de\u7684response\u5185\u5bb9\u8bf7\u6c42\u7684\u65f6\u5019\u591a\u52a0\u4e00\u4e2a\u53c2\u6570
dataType\uff1ajson
\u8fd4\u56de\u7684\u5c31\u662farray\u6570\u7ec4\u3002
\u4e24\u4e2aresponse\uff0c\u5728\u4e24\u4e2a\u4e0d\u540c\u7684success\u65b9\u6cd5\u91cc\u9762\uff0c\u4f5c\u7528\u57df\u662f\u4e0d\u540c\u7684\uff0c\u6ca1\u6bdb\u75c5
JSON[0].InvoiceNo
\u5c31\u53ef\u4ee5\u83b7\u53d6\u5230\u4e86.
ajax\u8fd4\u56de\u7684\u6570\u636e\u76f4\u63a5\u5c31\u662fjs\u5bf9\u8c61,\u4f60\u770b\u5230\u6700\u5916\u5c42\u662f\u6570\u7ec4,\u6570\u7ec4\u91cc\u9762\u662f\u5bf9\u8c61,
\u6240\u4ee5JSON[0].InvoiceNo\u5c31\u53ef\u4ee5\u4e86
其中 Value 也可以是另一个 Object 或者数组,因此,复杂的 Object 可以嵌套表示,例如,一个 Person 对象包含 name 和 address 对象,可以表示如下:
{"name":"Michael","address":
{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}
}
</SPAN>
</SPAN>JavaScript 处理 JSON 数据
function handleJson() {
var j={"name":"Michael","address":
{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}
};
document.write(j.name);
document.write(j.address.city);
}
现在一般在后台用gson将数据转换成json对象,前台用jquery的ajax与后台的数据进行交互。具体咋用网上有很多实例,如果实在不懂得话,加我的qq:1249119842.
JSONArray json = JSONArray.fromObject(models); //list集合数据转json
response.getWriter().println(json);//传到前台
//ajax
success: function(data){
var models = eval("("+data+")");
var rows="";
for(var i in models){
rows =rows + "<tr>"+
"<td>"+models[i].statDate+"</td>"+
"<td>"+models[i].endDate+"</td>"+
"<td>"+models[i].name+"</td>"+
"</tr>" ;
}
$("#show_table").append(rows);//添加到table
PS:这是Servlet的写法
var obj = eval('(' + json + ')'); 或其他工具把json字符串转换为js对象 ,然后obj.id 这样访问
ajax不是有个回调函数么?里面的data参数,就是返回值
JQ带有JSON解析 非JQ我不清楚 有些有 有些没有
绛旓細.ajax({...success(data){ //濡傛灉鏁版嵁缁撴瀯鏄痙ata ={ data:5 } //閭d箞灏辨槸杩欐牱 $('div').html(data.data);鎴栬 $('div').text(data.data); 鐒跺悗div鏄剧ず鐨勫煎氨鏄5}})
绛旓細4銆佸湪js鏍囩鍐咃紝鍒涘缓subform()鍑芥暟锛屽湪鍑芥暟鍐咃紝閫氳繃id鍒嗗埆鑾峰緱鏂囨湰妗嗗拰瀵嗙爜妗嗗璞★紝閫氳繃val()鏂规硶鑾峰緱杈撳叆鐨勫唴瀹广5銆佸湪js鏍囩鍐咃紝浣跨敤鈥$.ajax()鈥濇潵瀹炵幇ajax鎻愪氦琛ㄥ崟鍐呭銆倁rl涓烘彁浜ゆ暟鎹嚦鏈嶅姟鍣ㄧ殑杩炴帴锛宼ype涓轰紶杈撴暟鎹殑绫诲瀷锛宒ata涓烘暟鎹殑鍐呭锛宻uccess涓烘湇鍔″櫒鎺ユ敹鏁版嵁鍚杩斿洖鐨鍐呭锛岄氳繃if瀹炵幇鎻愪氦...
绛旓細oScript.src="test.js";oHead.appendChild( oScript); 杩欎笁绉嶆柟娉曢兘鏄紓姝ユ墽琛岀殑锛屼篃灏辨槸璇达紝鍦ㄥ姞杞借繖浜涜剼鏈殑鍚屾椂锛屼富椤甸潰鐨勮剼鏈户缁繍琛岋紝濡傛灉鐢ㄤ互涓婄殑鏂规硶锛岄偅涓嬮潰鐨勪唬鐮佸皢寰椾笉鍒伴鏈熺殑鏁堟灉銆傝鍔ㄦ佸姞杞鐨凧S鑴氭湰锛歛.js锛屼互涓嬫槸璇ユ枃浠剁殑鍐呭銆倂ar str = "涓浗";alert( "杩欐槸a.js涓鐨勫彉閲忥細"...
绛旓細ajax() 鏂规硶閫氳繃 HTTP 璇锋眰鍔犺浇杩滅▼鏁版嵁銆傝鏂规硶鏄 jQuery 搴曞眰 AJAX 瀹炵幇銆傜畝鍗曟槗鐢ㄧ殑楂樺眰瀹炵幇瑙 $.get, $.post 绛夈$.ajax() 杩斿洖鍏跺垱寤虹殑 XMLHttpRequest 瀵硅薄銆傚ぇ澶氭暟鎯呭喌涓嬩綘鏃犻渶鐩存帴鎿嶄綔璇ュ嚱鏁,闄ら潪浣犻渶瑕佹搷浣滀笉甯哥敤鐨勯夐」,浠鑾峰緱鏇村鐨勭伒娲绘с傛渶绠鍗曠殑鎯呭喌涓,$.ajax() 鍙互涓嶅甫浠讳綍鍙傛暟鐩存帴浣跨敤銆
绛旓細鍙互鐩存帴浣跨敤response.getOut()鏉rite鏁版嵁銆ajax涓璼uccess鍚巉unction(value)锛寁alue灏辨槸鍐欏嚭鐨勫唴瀹广
绛旓細鍙互鐨勩俤ata涓嶅氨鏄綘瑕佹彁浜ょ殑鏁版嵁涔堛備綘鍙互浜嬪厛鍏堣祴鍊肩粰鍙︿竴涓弬鏁帮紝 鐒跺悗鍐嶅洖璋冮噷闈㈠彲浠ョ户缁娇鐢 璋㈣阿
绛旓細涓娆ajax鏌ヨ鍙兘杩斿洖涓涓繑鍥炰覆锛屽洜姝や竴鑸殑澶勭悊鎬濊矾灏辨槸鎶婁綘瑕杩斿洖鐨澶氫釜鍊煎湪鏈嶅姟绔敤鐗规畩绗﹀彿杩涜鎷兼帴锛岀劧鍚庡湪js涓鎷嗗垎銆傛瘮濡備綘璇寸殑缁忕含搴︼紝鍙互杩斿洖涓涓敤閫楀彿鍒嗛殧鐨勫瓧绗︿覆 鈥滅簿搴,绾害鈥濈劧鍚庡湪js涓媶鎴愪竴涓暟缁勭殑涓や釜鍏冪礌 var arr=str.split(",");鐒跺悗浣犲垎鍒彇 arr[0]鍜宎rr[1]璧嬬粰浣犺...
绛旓細ajax 杩斿洖鍚 鐢ㄦ埛鏁板瓧绛惧悕浼氫涪澶辩収鎴愭棤娉曡皟鐢ㄥ叾浠js鍑芥暟鎵浠 搴旇鏄笉鑳界敤涓涓柟娉曞疄鐜 闄ら潪鏄痵ettimeout 鍙互杩欐牱鍒ゆ柇 ajax涔嬪悗鎶鑾峰彇鐨鏁版嵁 鏀惧埌涓涓殣钘忕殑input閲岄潰 鐒跺悗 鐢ㄤ竴涓猻ettimeout (function,1000*60) 璋冪敤涓涓猣unction 杩欎釜function鎵ц鐨勬槸 鍒ゆ柇闅愯棌input閲岄潰鐨勫唴瀹瑰鏋滀负绌洪偅涔堝氨璋冪敤...
绛旓細鍙浣犲悓涓涓〉闈㈤噷鐨刯s鍊兼槸鍏ㄥ眬瀹氫箟鐨勶紝ajax灏卞彲浠ヤ竴鐩磋皟鍙栧埌鐨勩傚鏋滀綘鎯充娇鐢ㄦ煇涓硷紝鍗村彂鐜扮敤涓嶄簡锛屽ぇ澶氭槸鍥犱负锛屼綘閭d釜鍊兼槸鍦ㄦ煇涓嚱鏁板唴瀹氫箟鐨勩傝В鍐虫柟娉曘傛瘮濡備綘鎯崇敤鐨勯偅涓弬鏁版槸temp锛屾槸鍦ㄤ竴涓彨boluo();鐨勫嚱鏁颁腑鍑虹幇鐨勩傞偅涔堜綘鏀规垚 //鍘熸潵杩欐牱瀛恌unction boluo(){ var temp = 0;}//...
绛旓細1銆佹惌寤烘湇鍔″櫒鍋氫唬鐞嗘崏鍙栬法鍩熻姹杩斿洖鐨鏁版嵁锛屾湰鍦板簲鐢ㄩ〉闈㈢殑ajax璇锋眰寤虹珛鐨勪唬鐞嗘湇鍔″櫒灏辫兘闂存帴鐨勫疄鐜拌繖鏍风殑闇姹傘備絾鏄绉嶅仛娉曡緝涓哄鏉傦紝涓嶅缓璁娇鐢紱2銆佷娇鐢╦sonp璺ㄥ煙璁块棶锛岃繖绉嶆柟娉曟槸杈冧负鏅亶鐨勮В鍐虫柟妗堬紝鍏跺疄鐜板師鐞嗘槸锛欻TML鐨勬爣绛炬槸鍙互绐佺牬鍚屾簮绛栫暐浠庡叾浠栨潵婧鑾峰彇鏁版嵁锛屾墍浠ュ彲浠ラ氳繃鏍囩寮曞叆jsonp鏂囦欢锛...