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请求的新写法是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！