本文主要讲解“XMLHttpRequest中fetch_ajax请求的新编写方法是什么”,简单明了,易学易懂。接下来,请跟随边肖的思路,一起学习学习“XMLHttpRequest中fetch_ajax请求的新编写方法是什么”!
fetch()函数是一种基于承诺的机制,用于在浏览器中以编程方式生成Web请求。这个项目是一个polyfill,它实现了标准fetch规范的子集,这足以为XMLHttpRequest在Fetch传统Web应用程序中的大多数用途提供一个可行的替代方案。
fetch安装方法:
ES6规范中不存在该标准的事实是基于Promise的。目前,Promise在项目中的兼容性还存在一些问题。如果项目中应用了fetch,那么应该引入es6-promise和fetch。
安装whatwg-fetch(像ajax一样,一种获取数据的新方法,支持promise语法)来获取数据。
npminstallwhatwg-fetch-save;
或者
bowerinstallfetch。
*懒人建网站javascript教程fetch的用法(fetch新一代ajax请求方案)
基本的Fetch请求
让我们首先比较一个使用XMLHttpRequest的例子和一个使用fetch方法的例子。这个例子向服务器发送一个请求,获取一个响应并用JSON解析它。
XMLHttpRequest
一个XMLHttpRequest需要设置两个事件回调函数,一个用于数据采集成功时调用,另一个用于数据采集失败时调用,以及一个open()方法调用和一个send()方法调用。
functionreqListener(){ 0
vardata=JSON . parse(this . responsetext);
console.log(数据);
}
functionreqError(err){ 0
Console.log('Fetch错误: ' err);
}
varoReq=new xmlhttprequest();
oReq.onload=reqListener
oreq . one rror=req error;
oReq.open('get ','/students.json ',true);
oreq . send();
感谢阅读。以上就是“XMLHttpRequest中fetch_ajax请求的新编写方法是什么”的内容。学习完这篇文章,相信大家对XMLHttpRequest中fetch_ajax请求的新编写方法有了更深的理解,具体用法还需要通过实践来验证。在这里,边肖将为大家推送更多相关知识点的文章。欢迎关注!
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/70750.html