请说明 Ajax Fetch Axios 三者的区别

81 阅读1分钟

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

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

Fetch,一个具体的API

Axios, 第三方库 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,第三方库 axios-http.com

答案:

ajax,一种技术统称

fetch,一个原生API

Axios,一个第三方库