ajax中async的作用有什么

ajax中async的作用有什么，針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

ajax中async用于設(shè)置用異步或同步方式執(zhí)行腳本；async屬性值默認(rèn)true時(shí)是異步方式，“$.Ajax”執(zhí)行后，會(huì)繼續(xù)執(zhí)行ajax后面的腳本，當(dāng)其屬性值設(shè)置為false時(shí)，同步請(qǐng)求將鎖住瀏覽器，用戶(hù)其它操作必須等待請(qǐng)求完成后執(zhí)行。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

ajax中async有什么作用

async. 默認(rèn)是true，即為異步方式，$.Ajax執(zhí)行后，會(huì)繼續(xù)執(zhí)行ajax后面的腳本，直到服務(wù)器端返回?cái)?shù)據(jù)后，觸發(fā)$.Ajax里的success方法，這時(shí)候執(zhí)行的是兩個(gè)線程。若要將其設(shè)置為false，則所有的請(qǐng)求均為同步請(qǐng)求，在沒(méi)有返回值之前，同步請(qǐng)求將鎖住瀏覽器，用戶(hù)其它操作必須等待請(qǐng)求完成才可以執(zhí)行。

下面查看一個(gè)示例：

var temp;
$.ajax({
async: false,
type : "POST",
 url : defaultPostData.url,
  dataType : 'json',
   success : function(data) 
   {
       temp=data;
    }
 });
 alert(temp);

這個(gè)ajax請(qǐng)求為同步請(qǐng)求，在沒(méi)有返回值之前，alert(temp)是不會(huì)執(zhí)行的。

如果async設(shè)置為：true，則不會(huì)等待ajax請(qǐng)求返回的結(jié)果，會(huì)直接執(zhí)行ajax后面的語(yǔ)句。

不過(guò)上面設(shè)置同步請(qǐng)求的方法，有網(wǎng)友曾經(jīng)反饋將async設(shè)成false后, 原意是想返回?cái)?shù)據(jù)了再執(zhí)行$.Ajax后面的腳本, 沒(méi)想到這個(gè)地方卻導(dǎo)致了在火狐瀏覽器下出現(xiàn)閃屏(Firefox 11.0)，滾動(dòng)條下拉到底部觸發(fā)ajax的情況。最后只能將async:false注釋掉， 也就是async為ture的情況下，成功解決了火狐瀏覽器滾動(dòng)條下拉到底部觸發(fā)ajax出現(xiàn)閃屏的問(wèn)題。

關(guān)于ajax中async的作用有什么問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。