jQuery調(diào)用ajax請求的常見方法匯總
本文實(shí)例匯總了jQuery調(diào)用ajax請求的常見方法。分享給大家供大家參考。具體如下:
示例代碼1
$.ajax('/ROUTE', { type: 'GET' data: {param1: 'Hello', param2: 'World'}, dataType: 'json', contentType: 'application/json', timeout: 3000, success: function(response) { // console.log(response.something); }, error: function(request, errorType, errorMessage) { // console.log("[" + errorType + "] " + errorMessage); }, beforeSend: function() { // do something like .addClass('is-fetching') }, complete: function() { // do something like removeClass('is-fetching') } });
示例代碼2
$.get('/ROUTE', function(response) { // success (response: HTML) }); $.getJSON('/ROUTE', function(response) { // success (response: JSON) });
示例代碼3
$('form').on('submit', function(event) { event.preventDefault(); var formData = $(this).serialize(); $.ajax($(this).attr('action'), { type: $(this).attr('method'), data: formData, dataType: 'json', contentType: 'application/json', success: function(response) {}, error: function(request, errorType, errorMessage) {}, beforeSend: function() {}, complete: function() {}, timeout: 3000 }); });
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jQuery 選擇器用法實(shí)例分析【prev + next】
這篇文章主要介紹了jQuery 選擇器用法,結(jié)合實(shí)例形式分析了jQuery選擇器prev 與 next基本功能、用法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2020-05-05簡單實(shí)現(xiàn)jQuery進(jìn)度條輪播實(shí)例代碼
這篇文章主要為大家詳細(xì)介紹了簡單實(shí)現(xiàn)jQuery進(jìn)度條輪播實(shí)例代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06用jquery ajax獲取網(wǎng)站Alexa排名的代碼
其實(shí)就是利用了jquery的ajax功能,獲取遠(yuǎn)程的xml文件,讀取指定內(nèi)容的代碼,對于學(xué)習(xí)jquery的朋友是個(gè)不錯(cuò)的參考。2009-12-12jQuery通過ajax方法獲取json數(shù)據(jù)不執(zhí)行success的原因及解決方法
這篇文章主要介紹了jQuery通過ajax方法獲取json數(shù)據(jù)不執(zhí)行success的原因及解決方法的相關(guān)資料,需要的朋友可以參考下2016-10-10jquery中關(guān)于bind()方法的使用技巧分享
這篇文章主要給大家分享了jquery中關(guān)于bind()方法的使用技巧,文中介紹的非常詳細(xì),對大家具有一定的參考價(jià)值,需要的朋友們下面來一起看看吧。2017-03-03Jquery加載時(shí)從后臺讀取數(shù)據(jù)綁定到dropdownList實(shí)例
從后臺讀取數(shù)據(jù)綁定到dropdownList,option選項(xiàng)value動(dòng)態(tài)賦值,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下哈2013-06-06