Fetch简介

Fetch 是一种通信协议，用于客户端和服务器之间的数据传输。它允许浏览器从服务器异步请求数据，而无需刷新整个页面

Fetch API 是一个基于 Promise 的 JavaScript API，用于使用 Fetch 协议进行网络请求。Fetch API 提供了一种更简洁的方式来处理HTTP请求，并提供了比 XMLHttpRequest 更强大和灵活的功能。Fetch API 还允许开发人员轻松地使用现代 JavaScript 语言特性，如箭头函数和 async/await

Fetch API 支持多种数据格式，包括 JSON、二进制数据、FormData 等。它还支持 CORS（跨源资源共享）以及请求和响应拦截

总之，Fetch API 是一种现代的、灵活的、易于使用的方式来进行网络请求，并且它已经被大多数现代浏览器所支持

基本使用

Fetch API 的基本用法是使用 fetch() 函数来发起HTTP请求，并返回一个 Promise 对象。该 Promise 对象会在请求完成后解析响应数据，并在请求成功时返回一个 Response 对象，或在请求失败时返回一个 rejected 状态的 Promise 对象

fetch('https://example.com/api/data')
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error(error));

xxxxxxxxxx
fetch("http://iwenwiki.com/api/blueberrypai/getIndexBanner.php")
    .then(res => res.json())
    .then(data => {
      console.log(data)
    })
    .catch(error =>{    
      console.log(error)
    })

温馨提示

请使用案例中的地址测试网络请求，避免跨域问题！

实时效果反馈

1. 下列哪个不是网络请求解决方案：

A fetch

B xhr

C ajax

D http

答案

1=>D