新聞中心
小編給大家分享一下jQuery封裝的ajax如何對JSON數(shù)據(jù)進行請求處理,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)建站堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站建設(shè)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的伽師網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
具體實現(xiàn)代碼如下所示:
JavaScript代碼
{ "data":[ {"id":"1","name":"選擇A","value":"A"}, {"id":"2","name":"選擇B","value":"B"}, {"id":"3","name":"選擇C","value":"C"} ] }
對上面的json數(shù)據(jù)類在jquery 的success 函數(shù)中解析
JavaScript代碼
$.ajax({ type: "POST", url: "xxx.do", dataType : "json", // 指定返回類型 data: {xxx:"yyy"}, // 傳遞到后臺的參數(shù) success: function(data) { $.each(data, function(index,values){ // 解析出data對應(yīng)的Object數(shù)組 $.each(values,function(index2,value){ // 遍歷Object數(shù)組 ,每個對象的值存放在value ,index2表示為第幾個對象 // 根據(jù)自己的邏輯進行數(shù)據(jù)的處理 alert(value.name + " " + value.value); // TODO: 邏輯 }); }); }, error : function() { alert("系統(tǒng)出現(xiàn)問題"); } });
繼續(xù)來個例子
本章節(jié)分享一段代碼實例,是jQuery封裝的ajax對JSON數(shù)據(jù)的請求處理。
代碼比較簡單,對于有經(jīng)驗的人員來說可以掠過,初學者可以做一下參考之用。
代碼如下:
創(chuàng)新互聯(lián)
以上是“jQuery封裝的ajax如何對JSON數(shù)據(jù)進行請求處理”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)站標題:jQuery封裝的ajax如何對JSON數(shù)據(jù)進行請求處理
分享網(wǎng)址:http://www.dlmjj.cn/article/ihheji.html