javascript的fetch,ajax

lemanli 發布于2019-08-20 18:11 / 3022人閱讀

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

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();

看了兩個之間的對比，你更喜歡哪個，也希望幫到大家

云服務器 GPU云服務器 javascript+ajax javascript_ajax javascript__ajax fetch和axios的區別

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84177.html

只知道ajax？你已經out了

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

Steven 2019-04-23 13:10 評論0 收藏0
全面分析前端的網絡請求方式

摘要：請求默認會攜帶同源請求的，而跨域請求則不會攜帶，設置的的屬性為將允許攜帶跨域。類型請求成功后的回調函數。另外，同樣提供了在環境下的支持，可謂是網絡請求的首選方案。當網絡故障時或請求被阻止時，才會標記為，如跨域不存在，網絡異常等會觸發。一、前端進行網絡請求的關注點大多數情況下，在前端發起一個網絡請求我們只需關注下面幾點：傳入基本參數（url，請求方式）請求參數、請求參數類型設...

Edison 2019-08-23 16:27 評論0 收藏0
分別使用 XHR、jQuery 和 Fetch 實現 AJAX

摘要：本文詳細講述如何使用原生和來實現。使用可以無刷新地向服務端發送請求接收服務端響應，并更新頁面。分別要用到的方法和方法。，，都是現在和未來解決異步的標準做法，可以完美搭配使用。這也是使用標準一大好處。本文詳細講述如何使用原生 JS、jQuery 和 Fetch 來實現 AJAX。 AJAX 即 Asynchronous JavaScript and XML，異步的 JavaScript...

Julylovin 2019-08-21 11:24 評論0 收藏0
ES6 Fetch API HTTP請求實用指南

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

Sunxb 2019-08-23 13:12 評論0 收藏0
DIP、IoC、DI、JS

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

ssshooter 2019-08-26 13:40 評論0 收藏0