ajax異步加載數(shù)據(jù)

Ajax作用:
1.ajax是一種在無需重新加載整個(gè)網(wǎng)頁的情況下,能夠更新部分網(wǎng)頁的技術(shù)
2.通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,ajax可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下,對(duì) 網(wǎng)頁的某部分進(jìn)行更新
3.傳統(tǒng)的網(wǎng)頁,如果需要更新內(nèi)容,必須重載整個(gè)網(wǎng)頁頁面

在使用Ajax進(jìn)行異步加載數(shù)據(jù)時(shí),無論Ajax請(qǐng)求里聲明的變量是在已聲明為全局變量的基礎(chǔ)上還是局部變量,其作用域只能在Ajax請(qǐng)求里

解決Ajax獲取Success返回?cái)?shù)據(jù)存放到外部變量中問題
異步Ajax定義外部變量獲取Success返回?cái)?shù)據(jù)無法賦值使用(同步可以,async: false),
原因是:異步方式ajax在外部變量執(zhí)行完其他操作后才執(zhí)行,可以打印調(diào)試了解執(zhí)行順序。同步不會(huì)有這個(gè)問題。
在網(wǎng)上找了很多,并沒有找到適合的方法。

解決一、設(shè)置同步,async:false
可以解決,但是失去了Ajax異步的特點(diǎn)

解決二、提供一個(gè)解決思路
將返回data設(shè)置到一個(gè)容器中,后面使用時(shí)在獲取即可。
我在這里簡單寫了個(gè)input標(biāo)簽(不建議,有好的方式更好),在success中
<input type="text" id="AjaxData" hidden>

success: function (data) {
("#AjaxData").data(data); //使用時(shí)在js中獲取即可 console.log(("#AjaxData").data());
}

具體事例:參考:https://blog.csdn.net/qq_33840251/article/details/88679770

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容