18、ajax、fetch、axios区别

最新推荐文章于 2025-08-17 06:11:49 发布

天界程序员

最新推荐文章于 2025-08-17 06:11:49 发布

阅读量321

点赞数

CC 4.0 BY-SA版权

分类专栏：前端100问文章标签： ajax javascript 前端 Fetch axios

本文链接：https://blog.csdn.net/qq_36362721/article/details/127680822

前端100问专栏收录该内容

20 篇文章

订阅专栏

本文对比了AJAX的经典实现、浏览器原生的Fetch API和流行第三方库Axios，阐述它们的区别、优缺点及在项目中的应用策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

Ajax（Asynchronous JavaScript and XML）一种技术统称
Fetch，一个具体的API
Axios，第三方库

使用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)
}