fetch请求html页面,fetch实现请求数据的方法

fetch实现请求数据的方法

发布时间：2021-02-10 08:17:26

来源：亿速云

阅读：126

作者：小新

这篇文章给大家分享的是有关fetch实现请求数据的方法的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

一 序言

在 传统Ajax 时代，进行 API 等网络请求都是通过XMLHttpRequest或者封装后的框架进行网络请求,然而配置和调用方式非常混乱，对于刚入门的新手并不友好。今天我们介绍的Fetch提供了一个更好的替代方法，它不仅提供了一种简单，合乎逻辑的方式来跨网络异步获取资源，而且可以很容易地被其他技术使用，例如 Service Workers。

二 与Ajax对比

使用Ajax请求一个 JSON 数据一般是这样：var xhr = new XMLHttpRequest();

xhr.open('GET', url/file,true);

xhr.onreadystatechange = function() {

if(xhr.readyState==4){

if(xhr.status==200){

var data=xhr.responseText;

console.log