XMLHttpRequest中fetch_ajax請(qǐng)求的新寫法是什么

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

　　fetch()函數(shù)是一種基于Promise的機(jī)制，用于在瀏覽器中以編程方式生成Web請(qǐng)求。該項(xiàng)目是一個(gè)polyfill，它實(shí)現(xiàn)了標(biāo)準(zhǔn)Fetch規(guī)范的一個(gè)子集，足以為fetch傳統(tǒng)Web應(yīng)用程序中XMLHttpRequest的大多數(shù)用途提供可行的替代。

　　fetch安裝方法：

　　事實(shí)標(biāo)準(zhǔn)，并不存在與ES6規(guī)范中，基于Promise實(shí)現(xiàn)。目前項(xiàng)目中對(duì)Promise的兼容性尚存在問題，如果在項(xiàng)目中應(yīng)用fetch，需要引入es6-promise和fetch。

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

　　npminstallwhatwg-fetch--save;

　　or

　　bowerinstallfetch.

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

　　基本的Fetch請(qǐng)求

　　讓我們首先來比較一個(gè)XMLHttpRequest使用示例與fetch方法的使用示例。該示例向服務(wù)器端發(fā)出請(qǐng)求，得到響應(yīng)并使用JSON將其解析。

　　XMLHttpRequest

　　一個(gè)XMLHttpRequest需要設(shè)置兩個(gè)事件回調(diào)函數(shù)，一個(gè)用于獲取數(shù)據(jù)成功時(shí)調(diào)用，另一個(gè)用于獲取數(shù)據(jù)失敗時(shí)調(diào)用，以及一個(gè)open()方法調(diào)用及一個(gè)send()方法調(diào)用。

　　functionreqListener(){

　　vardata=JSON.parse(this.responseText);

　　console.log(data);

　　}

　　functionreqError(err){

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

　　}

　　varoReq=newXMLHttpRequest();

　　oReq.onload=reqListener;

　　oReq.onerror=reqError;

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

　　oReq.send();

感謝各位的閱讀，以上就是“XMLHttpRequest中fetch_ajax請(qǐng)求的新寫法是什么”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)XMLHttpRequest中fetch_ajax請(qǐng)求的新寫法是什么這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！