企业网站建设文案,链接网站制作,未备案的网站,营销型网站推广服务ajax fetch axios 的区别
题目
ajax fetch axios 的区别
分析
三者根本没有可比性#xff0c;不要被题目搞混了。要说出他们的本质
传统 ajax
AJAX #xff08;几个单词首字母#xff0c;按规范应该大写#xff09; - Asynchronous JavaScript and XML#xff08;异…ajax fetch axios 的区别
题目
ajax fetch axios 的区别
分析
三者根本没有可比性不要被题目搞混了。要说出他们的本质
传统 ajax
AJAX 几个单词首字母按规范应该大写 - Asynchronous JavaScript and XML异步的 JavaScript 和 XML 即使用 JS 进行异步请求是 Web2.0 的技术基础从 2005 年左右开始发起。 所以这里的 AJAX 就是一个称呼一个缩写。
基于当时 JS 规范异步请求主要使用 XMLHttpRequest 这个底层 API 。 所以有一道常考的面试题请用 XMLHttpRequest 实现 ajax
function ajax(url, successFn) {const xhr new XMLHttpRequest()xhr.open(GET, url, false)xhr.onreadystatechange function () {// 这里的函数异步执行可参考之前 JS 基础中的异步模块if (xhr.readyState 4) {if (xhr.status 200) {successFn(xhr.responseText)}}}xhr.send(null)
}fetch
fetch 是一个原生 API 它和 XMLHttpRequest 一个级别。
fetch 和 XMLHttpRequest 的区别
写法更加简洁原生支持 promise
面试题用 fetch 实现一个 ajax
function ajax(url) {return fetch(url).then(res res.json())
}axios
axios 是一个第三方库随着 Vue 一起崛起。它和 jquery 一样jquery 也有 ajax 功能。
axios 内部可以用 XMLHttpRequest 或者 fetch 实现。
答案
ajax 是一种技术称呼不是具体的 API 和库fetch 是新的异步请求 API 可代替 XMLHttpRequestaxios 是第三方库
划重点
注意 库 和 API 的区别库有很多个api只有那么几个实际项目要用库尽量不要自己造轮子除非有其他目的
思考
库 和 框架 有什么区别
参考资料网络
