成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

javascript的fetch,ajax

lemanli / 3030人閱讀

摘要:的異步嵌套問題,的對比異步嵌套問題姓名年齡姓名年齡看了兩個之間的對比,你更喜歡哪個,也希望幫到大家

javascript的fetch,ajax
異步嵌套問題,fetch,ajax的對比
//異步嵌套問題  
//ajax  asynchronous javascript xmlhttprequest

function ajax(url){
    return new Promise(function(resolve,refused){
          let xmlHttp=new XMLHttpRequest();
            xmlHttp.open("get",url,true);
            xmlHttp.onreadystatechange=function(){
                if(xmlHttp.readyState==4&&xmlHttp.status==200){
                    let data= JSON.parse(xmlHttp.responseText);
                    resolve(data);
                }
            }
            xmlHttp.send(null);
    });
}

let uldom=document.getElementById("students");
let url="http://localhost:3000/student.json";

async function main(){
    let data=await ajax(url);
    let students=data;
    let html=``;
    for(let i=0,l=students.length;i姓名${name},年齡${age}
    `
    }

    uldom.innerHTML=html;
}
main();

//fetch
let url="http://localhost:3000/student.json";
        let uldom=document.getElementById("students");
        async function main(){
            let respone = await fetch(url);
            let students = await respone.json();
            
            let html=``;
            for(let i=0,l=students.length;i姓名${name},年齡${age}
            `
            }
        
            uldom.innerHTML=html;
        
        }

        main();
看了兩個之間的對比,你更喜歡哪個,也希望幫到大家

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/84177.html

相關(guān)文章

  • 只知道ajax?你已經(jīng)out了

    摘要:所以本文將介紹兩個目前常用的獲取服務(wù)器數(shù)據(jù)的庫和。隨著作者尤雨溪發(fā)布消息,不再繼續(xù)維護(hù)并推薦大家使用開始,進(jìn)入了很多人的目光。脫離了,是基于設(shè)計。如果要詳細(xì)了解的應(yīng)用,推薦閱讀教程和規(guī)范。歡迎大家前往騰訊云+社區(qū),獲取更多騰訊海量技術(shù)實(shí)踐干貨哦~ 本文由前端林子發(fā)表于云+社區(qū)專欄 隨著前端技術(shù)的發(fā)展,請求服務(wù)器數(shù)據(jù)的方法早已不局限于ajax、jQuery的ajax方法。各種js庫已如雨后...

    Steven 評論0 收藏0
  • 全面分析前端網(wǎng)絡(luò)請求方式

    摘要:請求默認(rèn)會攜帶同源請求的,而跨域請求則不會攜帶,設(shè)置的的屬性為將允許攜帶跨域。類型請求成功后的回調(diào)函數(shù)。另外,同樣提供了在環(huán)境下的支持,可謂是網(wǎng)絡(luò)請求的首選方案。當(dāng)網(wǎng)絡(luò)故障時或請求被阻止時,才會標(biāo)記為,如跨域不存在,網(wǎng)絡(luò)異常等會觸發(fā)。 一、前端進(jìn)行網(wǎng)絡(luò)請求的關(guān)注點(diǎn) 大多數(shù)情況下,在前端發(fā)起一個網(wǎng)絡(luò)請求我們只需關(guān)注下面幾點(diǎn): 傳入基本參數(shù)(url,請求方式) 請求參數(shù)、請求參數(shù)類型 設(shè)...

    Edison 評論0 收藏0
  • 分別使用 XHR、jQuery 和 Fetch 實(shí)現(xiàn) AJAX

    摘要:本文詳細(xì)講述如何使用原生和來實(shí)現(xiàn)。使用可以無刷新地向服務(wù)端發(fā)送請求接收服務(wù)端響應(yīng),并更新頁面。分別要用到的方法和方法。,,都是現(xiàn)在和未來解決異步的標(biāo)準(zhǔn)做法,可以完美搭配使用。這也是使用標(biāo)準(zhǔn)一大好處。 本文詳細(xì)講述如何使用原生 JS、jQuery 和 Fetch 來實(shí)現(xiàn) AJAX。 AJAX 即 Asynchronous JavaScript and XML,異步的 JavaScript...

    Julylovin 評論0 收藏0
  • ES6 Fetch API HTTP請求實(shí)用指南

    摘要:例子張三刪除用戶為了刪除用戶,我們首先需要定位用戶,然后我們定義方法類型。例子張三結(jié)論現(xiàn)在,你已基本了解如何使用的從服務(wù)器檢索或操作資源,以及如何處理。您可以使用本文作為如何構(gòu)建操作的請求的指南。 showImg(https://segmentfault.com/img/bVbjxqh?w=1000&h=562); 本次將介紹如何使用Fetch API(ES6 +)對REST API的...

    Sunxb 評論0 收藏0
  • DIP、IoC、DI、JS

    摘要:維基百科該原則規(guī)定高層次的模塊不應(yīng)該依賴與低層次的模塊,兩者都應(yīng)該依賴于抽象接口。依賴反轉(zhuǎn)原則則顛倒這種依賴關(guān)系,并以上面提到的兩個規(guī)定作為指導(dǎo)思想。維基百科這些話的意思就是將依賴對象的創(chuàng)建和綁定轉(zhuǎn)移到被依賴對象類的外部來實(shí)現(xiàn)。 在這個標(biāo)題中,除了 JS 是亂入之外,其它的幾個詞匯都是存在一個共同點(diǎn)的,那就是依賴。 那么,依賴是什么呢? 比如,現(xiàn)在我正在寫這篇博客文,但是我得在電腦上編...

    ssshooter 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<