jquery ajax如何改成同步

本篇內(nèi)容介紹了“jquery ajax如何改成同步”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

在jquery中，ajax可以將async設(shè)置為false使其同步；默認(rèn)情況下jquery中的ajax為異步請求，即“async:true”，通過設(shè)置參數(shù)“asycn:false”即可，語法為“$.ajax({async: false})”。

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

jquery ajax怎么改成同步

jquery中的ajax 默認(rèn)情況下為異步請求，即 async:true,可以通過設(shè)置參數(shù) asycn:false 到使其同步

ajax默認(rèn)是異步請求；ajax中可以根據(jù)async值的不同來判斷是否是異步請求，若async的值為false，則表示ajax請求為同步，若async的值為true，則表示ajax請求為異步，而默認(rèn)情況下async的值是“true”，因此ajax默認(rèn)是異步請求。

如果想同步 async設(shè)置為false就可以（默認(rèn)是true）

var html = $.ajax({
url: “some.php”,
async: false
}).responseText;

或者在全局設(shè)置Ajax屬性

$.ajaxSetup({
async: false
});

再用post，get就是同步的了

示例如下：

隨機生成一個10位數(shù)的整數(shù)，與后端數(shù)據(jù)庫做對比，如果后端數(shù)據(jù)庫中有這個隨機數(shù)，則重新再生成一個，如果沒有就return這個數(shù)。

這個需求涉及到前后端交互，所以無法避免需要使用ajax，于是剛開始我編寫了這樣一段代碼。

//randID是封裝的生成隨機數(shù)的函數(shù)
function userID() {
    let ranid = parseInt(randID(1000000000, 10000000001));
    let data = null;
    $.ajax({
        type: 'post',
        url: './php/findID.php',
        data: 'id=' + ranid,
        success: function(res) {
            res = JSON.parse(res);
            isok = res.length;
            if (isok != 0) {
                userID();
            } else {               
               return ranid;
            }
        }
    })
}
console.log(userID());

輸出結(jié)果：

jquery.ajax的解決方法

• 在函數(shù)下（ajax外）聲明一個局部變量

• 將ajax當(dāng)成同步處理（jquery.ajax的修改方式：添加這句代碼即可async: false）

• 返回聲明的局部變量

function userID() {
    let ranid = parseInt(randID(1000000000, 10000000001));
    //聲明的局部變量
    let data = null;
    $.ajax({
        type: 'post',
        url: './php/findID.php',
        data: 'id=' + ranid,
        //將ajax改為同步操作
        async: false,
        success: function(res) {
            res = JSON.parse(res);
            isok = res.length;
            if (isok != 0) {
                console.log(ranid);
                userID();
            } else {
                data = ranid;
            }
        }
    })
    //返回這個局部變量
    return data;
}
console.log(userID());

輸出結(jié)果：

“jquery ajax如何改成同步”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！