国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

es7 fetch解決異步嵌套問題

xiaoqibTn / 2090人閱讀

摘要：解決異步嵌套問題我們昨天學(xué)習(xí)了和，知道他是為了解決瀏覽器異步獲取的的但是我們用的話方法會(huì)更加的簡(jiǎn)單和解決異步嵌套姓名年齡我們需要?jiǎng)?chuàng)建函數(shù)來進(jìn)行操作，如果我們用解決的話，會(huì)更加的方便姓名年齡不用創(chuàng)建，直接調(diào)用是不是比上邊更加的簡(jiǎn)單結(jié)合處理異步

fetch API解決異步嵌套問題 
我們昨天學(xué)習(xí)了async和await，知道他是為了解決瀏覽器異步獲取的的！但是我們用fetch api的話方法會(huì)更加的簡(jiǎn)單
async和await解決異步嵌套 
function ajax(url){

          return new Promise(function(reslove,reject){
              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);
                      reslove(data);
                  }
              }
              xmlHttp.send(null);
          })
      }
      let uldom=document.getElementById("students");
      let url="http://192.168.0.57:8000/students.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();

我們需要?jiǎng)?chuàng)建Promise函數(shù)來進(jìn)行操作，如果我們用fetch解決的話，會(huì)更加的方便！

let uldom=document.getElementById("students");
      let url="http://192.168.0.57:8000/students.json";
        function main(){
            fetch(url).then(respone=>{
            return respone.json();
        }).then(data=>{
            let students=data;
            let html="";
            for(let i=0,l=students.length;i姓名${name},年齡${age}
                `
            }
            uldom.innerHTML=html;
        });
            
        }
        main();

不用創(chuàng)建Promise，直接調(diào)用then()是不是比上邊更加的簡(jiǎn)單！

async、await結(jié)合fetch處理異步 
let uldom=document.getElementById("students");
    let url="http://192.168.0.57:8000/students.json";  
    async function main(){
        let respone = await fetch(url);
        let student = await respone.json();
        let html="";
        for (let i=0,l=students.length;i姓名${name},年齡${age}
            `
        }
        uldom.innerHTML=html;
        }
    main()

感覺是不是很簡(jiǎn)單！比上一種方法更加的簡(jiǎn)單。

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/84198.html

相關(guān)文章

  • JavaScript 異步進(jìn)化史

    摘要：簽訂協(xié)議的兩方分別是異步接口和。在異步函數(shù)中，使用異常捕獲的方案，代替了的異常捕獲的方案。需要注意的是，在異步函數(shù)中使異步函數(shù)用時(shí)要使用，不然異步函會(huì)被同步執(zhí)行。 同步與異步 通常，代碼是由上往下依次執(zhí)行的。如果有多個(gè)任務(wù)，就必需排隊(duì)，前一個(gè)任務(wù)完成，后一個(gè)任務(wù)才會(huì)執(zhí)行。這種執(zhí)行模式稱之為： 同步（synchronous） 。新手容易把計(jì)算機(jī)用語中的同步，和日常用語中的同步弄混淆。如，...

    luzhuqun 評(píng)論0 收藏0

  • 傳統(tǒng) Ajax 已死，Fetch 永生

    摘要：結(jié)果證明，對(duì)于以上瀏覽器，在生產(chǎn)環(huán)境使用是可行的。后面可以跟對(duì)象，表示等待才會(huì)繼續(xù)向下執(zhí)行，如果被或拋出異常則會(huì)被外面的捕獲。，，都是現(xiàn)在和未來解決異步的標(biāo)準(zhǔn)做法，可以完美搭配使用。這也是使用標(biāo)準(zhǔn)一大好處。只允許外部傳入成功或失敗后的回調(diào)。 showImg(https://cloud.githubusercontent.com/assets/948896/10188666/bc9a53...

    fai1017 評(píng)論0 收藏0

  • 談?wù)凧avaScript異步代碼優(yōu)化

    摘要：異步問題回調(diào)地獄首先，我們來看下異步編程中最常見的一種問題，便是回調(diào)地獄。同時(shí)使用也是異步編程最基礎(chǔ)和核心的一種解決思路?；冢壳耙脖粡V泛運(yùn)用，其是異步編程的一種解決方案，比傳統(tǒng)的回調(diào)函數(shù)解決方案更合理和強(qiáng)大。 關(guān)于 微信公眾號(hào)：前端呼啦圈（Love-FED） 我的博客：勞卜的博客 知乎專欄：前端呼啦圈 前言 在實(shí)際編碼中，我們經(jīng)常會(huì)遇到Javascript代碼異步執(zhí)行的場(chǎng)景...

    chnmagnus 評(píng)論0 收藏0

  • js基礎(chǔ)進(jìn)階--從ajax到fetch的理解

    摘要：使用它可以讓頁面請(qǐng)求少量的數(shù)據(jù)，而不用刷新整個(gè)頁面。基于什么答它基于的是。的庫答基于上面的原因，各種庫引用而生，然而最有名的就是的中的。它的一個(gè)優(yōu)勢(shì)異步操作，但的異步操作是基于事件的異步模型，沒有那么友好。 歡迎訪問我的個(gè)人博客：http://www.xiaolongwu.cn 基本知識(shí) 1. Ajax是什么？ 答：Ajax是一種可以在瀏覽器和服務(wù)器之間使用異步數(shù)據(jù)傳輸（HTTP請(qǐng)求）...

    SoapEye 評(píng)論0 收藏0

  • 記一次小程序開發(fā)中如何使用async-await并封裝公共異步請(qǐng)求

    摘要：實(shí)現(xiàn)方案首先小程序目前還是不支持的和的，那么如何讓它支持呢點(diǎn)擊下載，并把下載好的文件夾放到自己小程序的目錄下，包總共才多，體積很小的。如果想使用這些新的對(duì)象和方法，必須使用，為當(dāng)前環(huán)境提供一個(gè)墊片。用于實(shí)現(xiàn)瀏覽器并不支持的原生的代碼。 前言 在平常的項(xiàng)目開發(fā)中肯定會(huì)遇到同步異步執(zhí)行的問題，還有的就是當(dāng)執(zhí)行某一個(gè)操作依賴上一個(gè)執(zhí)行所返回的結(jié)果，那么這個(gè)時(shí)候你會(huì)如何解決這個(gè)問題呢； 1.是...

    why_rookie 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<