XMLHttpRequest中fetch_ajax請求的新寫法是什么

這篇文章主要講解了“XMLHttpRequest中fetch_ajax請求的新寫法是什么”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“XMLHttpRequest中fetch_ajax請求的新寫法是什么”吧！

　　fetch()函數是一種基于Promise的機制，用于在瀏覽器中以編程方式生成Web請求。該項目是一個polyfill，它實現了標準Fetch規范的一個子集，足以為fetch傳統Web應用程序中XMLHttpRequest的大多數用途提供可行的替代。

　　fetch安裝方法：

　　事實標準，并不存在與ES6規范中，基于Promise實現。目前項目中對Promise的兼容性尚存在問題，如果在項目中應用fetch，需要引入es6-promise和fetch。

　　安裝whatwg-fetch(和ajax一樣，新的獲取數據方式,支持promise語法)獲取數據。

　　npminstallwhatwg-fetch--save;

　　or

　　bowerinstallfetch.

　　當前位置：懶人建站>javascript教程>fetch的用法(fetch新一代ajax請求方案)

　　基本的Fetch請求

　　讓我們首先來比較一個XMLHttpRequest使用示例與fetch方法的使用示例。該示例向服務器端發出請求，得到響應并使用JSON將其解析。

　　XMLHttpRequest

　　一個XMLHttpRequest需要設置兩個事件回調函數，一個用于獲取數據成功時調用，另一個用于獲取數據失敗時調用，以及一個open()方法調用及一個send()方法調用。

　　functionreqListener(){

　　vardata=JSON.parse(this.responseText);

　　console.log(data);

　　}

　　functionreqError(err){

　　console.log("Fetch錯誤:"+err);

　　}

　　varoReq=newXMLHttpRequest();

　　oReq.onload=reqListener;

　　oReq.onerror=reqError;

　　oReq.open("get","/students.json",true);

　　oReq.send();

感謝各位的閱讀，以上就是“XMLHttpRequest中fetch_ajax請求的新寫法是什么”的內容了，經過本文的學習后，相信大家對XMLHttpRequest中fetch_ajax請求的新寫法是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！