這篇文章主要講解了“jquery的ajax同步和異步的原理及用法”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“jquery的ajax同步和異步的原理及用法”吧！

成都創(chuàng)新互聯(lián)是一家專(zhuān)業(yè)提供溫宿企業(yè)網(wǎng)站建設(shè),專(zhuān)注與成都網(wǎng)站制作、做網(wǎng)站、H5高端網(wǎng)站建設(shè)、小程序制作等業(yè)務(wù)。10年已為溫宿眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。

之前一直在寫(xiě)JQUERY代碼的時(shí)候遇到AJAX加載數(shù)據(jù)都需要考慮代碼運(yùn)行順序問(wèn)題。最近的項(xiàng)目用了到AJAX同步。這個(gè)同步的意思是當(dāng)JS代碼加載到當(dāng)前AJAX的時(shí)候會(huì)把頁(yè)面里所有的代碼停止加載，頁(yè)面出去假死狀態(tài)，當(dāng)這個(gè)AJAX執(zhí)行完畢后才會(huì)繼續(xù)運(yùn)行其他代碼頁(yè)面假死狀態(tài)解除。
而異步則這個(gè)AJAX代碼運(yùn)行中的時(shí)候其他代碼一樣可以運(yùn)行。
jquery的async:false,這個(gè)屬性
默認(rèn)是true：異步，false：同步。

復(fù)制代碼 代碼如下:

$.ajax({

type: "post",

url: "path",

cache:false,

async:false,

dataType: ($.browser.msie) ? "text" : "xml",

success: function(xmlobj){

}

});

有了這個(gè)屬性可以相對(duì)的減少代碼運(yùn)行書(shū)序問(wèn)題，但是如果用的太多，頁(yè)面假死次數(shù)太多。這樣反而導(dǎo)致用戶(hù)體驗(yàn)不佳~！

$.Ajax()中 async 和success的官方的解釋?zhuān)?br/>
async
Boolean
Default: true

By default, all requests are sent asynchronous (e.g. this is set to true by default). If you need synchronous requests, set this option to false. Note that synchronous requests may temporarily lock the browser, disabling any actions while the request is active.

success
Function

A function to be called if the request succeeds. The function gets passed two arguments: The data returned from the server, formatted according to the 'dataType' parameter, and a string describing the status. This is an Ajax Event.

在這里，async默認(rèn)的設(shè)置值為true，這種情況為異步方式，就是說(shuō)當(dāng)ajax發(fā)送請(qǐng)求后，在等待server端返回的這個(gè)過(guò)程中，前臺(tái)會(huì)繼續(xù) 執(zhí)行ajax塊后面的腳本，直到server端返回正確的結(jié)果才會(huì)去執(zhí)行success，也就是說(shuō)這時(shí)候執(zhí)行的是兩個(gè)線程，ajax塊發(fā)出請(qǐng)求后一個(gè)線程 和ajax塊后面的腳本（另一個(gè)線程）例：

復(fù)制代碼 代碼如下:

$.ajax({

type:"POST",

url:"Venue.aspx?act=init",

dataType:"html",

success:function(result){ //function1()

f1();

f2();

}

failure:function (result) {

alert('Failed');

},

}

function2();

在上例中，當(dāng)ajax塊發(fā)出請(qǐng)求后，他將停留function1()，等待server端的返回，但同時(shí)（在這個(gè)等待過(guò)程中），前臺(tái)會(huì)去執(zhí)行function2(),也就是說(shuō)，在這個(gè)時(shí)候出現(xiàn)兩個(gè)線程，我們這里暫且說(shuō)為function1() 和function2()。

當(dāng)把a(bǔ)syn設(shè)為false時(shí)，這時(shí)ajax的請(qǐng)求時(shí)同步的，也就是說(shuō)，這個(gè)時(shí)候ajax塊發(fā)出請(qǐng)求后，他會(huì)等待在function1（）這個(gè)地方，不會(huì)去執(zhí)行function2()，知道function1()部分執(zhí)行完畢。

感謝各位的閱讀，以上就是“jquery的ajax同步和異步的原理及用法”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)jquery的ajax同步和異步的原理及用法這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！