当前位置: 首页>后端>正文

请说明 Ajax Fetch Axios 三者的区别

三者都是用于网络请求,但是不同维度。

Ajax(Asynchronous Javascript and XML),一种技术统称

Fetch,一个具体的API

Axios, 第三方库 https://axios-http.com

用XMLHttpRequest实现Ajax

function ajax1(url,successFn) {

????const xhr = new XMLHttpRequest()

????xhr.open('GET',url,false)

????xhr.onreadystatechange = function() {

????????if(xhr.readyState == 4) {

????????????if(xhr.status == 200) {

? ? ? ? ? ? ????successFn(xhr.responseText)

? ? ? ? ? ? }

? ? ? ? }

? ? }

? ? xhr.send(null)

}

Fetch

浏览器原生API,用于网络请求

和XMLHttpRequest一个级别

Fetch 语法更加简洁,易用,支持Promise

function ajax2(url) {

? ? return fetch(url).then(res => res.join())

}

Axios

最常用的网络请求lib(随着Vue火爆起来)

内部可用XMLHttpRequest和fetch来实现

Axios,第三方库 https://axios-http.com

答案:

ajax,一种技术统称

fetch,一个原生API

Axios,一个第三方库


https://www.xamrdz.com/backend/3gp1927938.html

相关文章: