在web前端開發(fā)中，雖然一般都是用的異步網(wǎng)絡(luò)請求解決大多數(shù)功能需求，但是在一些特定需求的情況下，我們還是要使用到同步的網(wǎng)絡(luò)請求來解決一些特殊的需求。那么本篇介紹的是實(shí)現(xiàn)AngularJS中$http與jQuery中ajax如何實(shí)現(xiàn)同步網(wǎng)絡(luò)請求。

（一）$http同步網(wǎng)絡(luò)請求

其實(shí)這個(gè)實(shí)現(xiàn)很簡單，重要在于兩點(diǎn)：第一點(diǎn)要在成功的回調(diào)方法里面直接返回結(jié)果；第二點(diǎn)就是$http本身執(zhí)行后就直接返回promise對象。滿足這兩點(diǎn)需求，就可以實(shí)現(xiàn)$http的同步實(shí)現(xiàn)了。

而最終網(wǎng)絡(luò)請求獲取的結(jié)果集就是在返回的promise對象中。

模板代碼實(shí)現(xiàn)：

 let requestConfig = {
            url:"...",
            method:"post"
        };
        let promise = $http(requestConfig).then(function (response) {
            return response;
        });
        console.log("結(jié)果在promise對象中",promise);

（二）ajax同步網(wǎng)絡(luò)請求

實(shí)現(xiàn)ajax的同步網(wǎng)路執(zhí)行，也重要在于兩點(diǎn)：第一點(diǎn)就是在請求參數(shù)中配置async的值為false；第二點(diǎn)就是不要寫ajax的成功或失敗的回調(diào)方法，直接返回ajax執(zhí)行后獲取的結(jié)果集即可。滿足這兩點(diǎn)需求，就可以實(shí)現(xiàn)ajax的同步實(shí)現(xiàn)了。

模板代碼實(shí)現(xiàn)：

 let result = $.ajax({
            url:"...",
            type:"get",
            async:false
        });
        console.log("返回結(jié)果直接是result",result);

以上就是對$http與ajax的同步請求（代碼實(shí)例）的全部介紹，如果您想了解更多有關(guān)HTML視頻教程，請關(guān)注PHP中文網(wǎng)。

以上就是$http與ajax的同步請求（代碼實(shí)例）的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！