jquery的ajax非同步請求接收回傳json資料實例_jquery
May 16, 2016 pm 04:44 PM
jquery
jquery的ajax非同步請求接收返回json資料方法設定簡單,一個是伺服器處理程序是回傳json數據,另一種就是ajax發送設定的datatype設定為jsonp格式資料或json格式都可以。
程式碼範例如下:
複製程式碼 程式碼如下:
$('#send').click(function (click(function). ) {
$.ajax({
type : "GET",
url success : function (data) {
$.each(data.items, function (i, item) {
為"#resText");
}
});
}
); 🎜>
$.ajax方法如下:
複製程式碼
程式碼如下:$. ", url: ctxRoot 'FolderAction!saveInformSetting.action', data: 'jsonStr=' inform_settingListStr, dataType: "json", / /在這裡做些事情,假設返回的json資料裡有name這個屬性
//有時候可以直接data.name或data['name']去存取 //但有時,卻要透過var jsonData = eval("(" data.responseText ")");才可以透過jsonData.name訪問,在這種情況下,需要是complete而不是success
}
});
$ .ajax(options)
這是最根本的JQuery Ajax方法,只有一個參數options,該options參數中包含了請求資訊和回調函數的資訊。參數內容都是key:value對形式出現,而且都是可選的。
文法如下:
$.ajax({options});
url:(string)發送請求的位址,可以是伺服器頁面也可以是WebService動作。
type:(string)請求方式,POST或GET
data:(object)向伺服器發送請求時帶去的資料。是key:value對形式,如:{name:"grayworm",sex:"male"},如果是數組{works:["work1","work2"]}dataType:(string)預期返回的資料類型。 xml,html,json,text等}
});
$ .ajax(options)
這是最根本的JQuery Ajax方法,只有一個參數options,該options參數中包含了請求資訊和回調函數的資訊。參數內容都是key:value對形式出現,而且都是可選的。
文法如下:
$.ajax({options});
url:(string)發送請求的位址,可以是伺服器頁面也可以是WebService動作。
type:(string)請求方式,POST或GET
beforeSend:(Function)發送ajax請求前被觸發,如果回傳false則取消本次請求。如果非同步請求需要顯示gif動畫,那應當在這裡設定對應的可見。
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章
擊敗分裂小說需要多長時間?
3 週前
By DDD
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章
擊敗分裂小說需要多長時間?
3 週前
By DDD
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)