站長資訊網(wǎng)
在jquery中，ajax可以將async設(shè)置為false使其同步；默認(rèn)情況下jquery中的ajax為異步請求，即“async:true”，通過設(shè)置參數(shù)“asycn:false”即可，語法為“$.ajax({async: false})”。
前端（vue）入門到精通課程：進(jìn)入學(xué)習(xí)
本文操作環(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就是同步的了
示例如下：
隨機(jī)生成一個(gè)10位數(shù)的整數(shù)，與后端數(shù)據(jù)庫做對比，如果后端數(shù)據(jù)庫中有這個(gè)隨機(jī)數(shù)，則重新再生成一個(gè)，如果沒有就return這個(gè)數(shù)。
這個(gè)需求涉及到前后端交互，所以無法避免需要使用ajax，于是剛開始我編寫了這樣一段代碼。
//randID是封裝的生成隨機(jī)數(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外）聲明一個(gè)局部變量
-
將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; } } }) //返回這個(gè)局部變量 return data; } console.log(userID());
輸出結(jié)果：
相關(guān)教程推薦：jQuery視頻教程
