ajax、fetch、axios的区别

最新推荐文章于 2024-08-21 14:09:37 发布

命运的不殇czl

最新推荐文章于 2024-08-21 14:09:37 发布

阅读量83

点赞数

文章标签：前端 ajax Powered by 金山文档

本文链接：https://blog.csdn.net/qq_48881923/article/details/128860817

版权

AJAX

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。它是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。其缺点如下：

本身是针对MVC编程，不符合前端MVVM的浪潮

基于原生XHR开发，XHR本身的架构不清晰

不符合关注分离（Separation of Concerns）的原则

配置和调用方式非常混乱，而且基于事件的异步模型不友好。

AJAX用来异步提交或者获取数据

    // 1. 创建ajax访问对象
    let request = new XMLHttpRequest();
    // 跨域cookie处理,后台也要开启registry.addMapping("/**").allowedOrigins("http://localhost:63342").allowCredentials(true);
    request.withCredentials = true;
    // 2. 设置状态变化监听，只要ajax发送状态一变化，这个代码就会响应（执行）
    request.onreadystatechange = function(){
        // 处理状态4  TODO 还需要处理http请求的 4xx 5xx 200
        if(request.readyState === 4){
            subjectList = JSON.parse(request.responseText);
            console.log("返回了结果", subjectList);
        }
    }
    // 3. 打开一个url，准备发送请求
    request.open('GET', `${context}/subject/search?stem=${stem}&type=${type}&startDate=${startDate}&endDate=${endDate}`);
    // 4. 开始发送请求
    request.send();