Ajax封装理论笔记---回调函数和promise两种方式

最新推荐文章于 2022-12-03 19:05:48 发布

pty_xxjsj

最新推荐文章于 2022-12-03 19:05:48 发布

阅读量234

点赞数

文章标签： ajax javascript

本文链接：https://blog.csdn.net/pty_xxjsj/article/details/121018486

版权

本文探讨同步和异步思想，重点讲解如何使用回调函数和Promise来封装Ajax异步网络请求。通过实例解析，展示了回调函数在解决异步问题上的应用，以及Promise如何解决回调地狱，确保异步操作的流程控制。

摘要由CSDN通过智能技术生成

一、同步和异步思想

在软件世界中，

同步任务：当一个操作开始执行后，主程序等待它执行完成，才能继续向下执行；

异步任务：当一个操作开始执行后，主程序无需等待它执行完成，就可以继续向下执行，此操作与主程序同时（并发）执行。

二、回调函数

1.一个函数中以形参形式调用另一个函数，被调用的函数就称回调函数

2.作用：常用于解决异步编程问题

3.常用两种写法

//方式一
function c1(){
     console.log('我是回调函数');
}
function a(c1) {
       c1()
}
//方式二：匿名函数方式
function a(function (){
    console.log('我是回调函数');
})

4.案例：简要封装Ajax异步网络请求

/* 参数格式
position={
    method:'get'|'post',//方法
    url:'',//url地址
    data:{},//要传的参数
    success:function (data) {
        //响应成功处理
    },
    faild:function (data) {
        //响应失败处理
             }
}
*封装Ajax工具函数
*/
function Ajax(position) {
    // 1. 创建AJAX核心对象
    const xhr=new window.XMLHttpRequest