ajax基础知识

最新推荐文章于 2024-07-21 17:13:47 发布
最新推荐文章于 2024-07-21 17:13:47 发布
阅读量322 收藏
点赞数
分类专栏： JavaScript ajax 前端知识 文章标签： ajax 服务器 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43674396/article/details/122275804
版权
前端知识 同时被 3 个专栏收录
9 篇文章 0 订阅
订阅专栏
JavaScript
6 篇文章 0 订阅
订阅专栏
ajax
1 篇文章 0 订阅
订阅专栏

第 1 章：HTTP协议

HTTP是基于客户端/服务端（C/S）的架构模型，通过一个可靠的链接来交换信息，是一个无状态的请求/响应协议。

一个HTTP"客户端"是一个应用程序（Web浏览器或其他任何客户端），通过连接到服务器达到向服务器发送一个或多个HTTP的请求的目的。

一个HTTP"服务器"同样也是一个应用程序（通常是一个Web服务，如Apache Web服务器或IIS服务器等），通过接收客户端的请求并向客户端发送HTTP响应数据。

HTTP使用统一资源标识符（Uniform Resource Identifiers, URI）来传输数据和建立连接。

一旦建立连接后，数据消息就通过类似Internet邮件所使用的格式[RFC5322]和多用途Internet邮件扩展（MIME）[RFC2045]来传送。

客户端请求消息

客户端发送一个HTTP请求到服务器的请求消息包括以下格式：请求行（request line）、请求头部（header）、空行和请求数据四个部分组成，下图给出了请求报文的一般格式。img

服务器响应消息

HTTP响应也由四个部分组成，分别是：状态行、消息报头、空行和响应正文。

img

实例

下面实例是一点典型的使用GET来传递数据的实例：

客户端请求：

GET /hello.txt HTTP/1.1
User-Agent: curl/7.16.3 libcurl/7.16.3 OpenSSL/0.9.7l zlib/1.2.3
Host: www.example.com
Accept-Language: en, mi

服务端响应:

HTTP/1.1 200 OK
Date: Mon, 27 Jul 2009 12:28:53 GMT
Server: Apache
Last-Modified: Wed, 22 Jul 2009 19:15:56 GMT
ETag: "34aa387-d-1568eb00"
Accept-Ranges: bytes
Content-Length: 51
Vary: Accept-Encoding
Content-Type: text/plain

输出结果：

Hello World! My payload includes a trailing CRLF.

第 2 章：原生 AJAX

1.1 AJAX 简介

AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。

通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。

AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。

1.2 XML 简介

XML 可扩展标记语言（Extensible Markup Language）。
XML 被设计用来传输和存储数据。
XML 和 HTML 类似，不同的是 HTML 中都是预定义标签，而 XML 中没有预定义标签，
全都是自定义标签，用来表示一些数据。
比如说我有一个学生数据：
name = “孙悟空” ; age = 18 ; gender = “男” ;
用 XML 表示：

<student>
<name>孙悟空</name>
<age>18</age>
<gender>男</gender>
</student>

现在已经被 JSON 取代了。
用 JSON 表示：

{"name":"孙悟空","age":18,"gender":"男"}

1.3 AJAX 的特点

1.3.1 AJAX 的优点

可以无需刷新页面而与服务器端进行通信。

允许你根据用户事件来更新部分页面内容。

1.3.2 AJAX 的缺点

没有浏览历史，不能回退

存在跨域问题(同源)

SEO 不友好

1.4 AJAX 的使用

1.4.1 核心对象

XMLHttpRequest，AJAX 的所有操作都是通过该对象进行的。

1.4.2 使用步骤

1）创建 XMLHttpRequest 对象

var xhr = new XMLHttpRequest();

2）设置请求信息

xhr.open(method, url);
//xhr.open('GET', 'http://127.0.0.1:8000/server?a=100&b=200&c=300')

//可以设置请求头，一般不设置
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

3）发送请求

xhr.send(body) //get 请求不传 body 参数，只有 post 请求使用
//xhr.send('a=100&b=200&c=300')

4）接收响应

//xhr.responseXML 接收 xml 格式的响应数据
//xhr.responseText 接收文本格式的响应数据
xhr.onreadystatechange = function (){
if(xhr.readyState == 4 && xhr.status == 200){
	var text = xhr.responseText;
	console.log(text);
	}
}

/*
xhr.onreadystatechange = function(){
    //判断
    if(xhr.readyState === 4){
        if(xhr.status >= 200 && xhr.status < 300){
            //处理服务端返回的结果
            result.innerHTML = xhr.response;
        }
    }
}
*/

1.4.3 解决 IE 缓存问题

问题：在一些浏览器中(IE),由于缓存机制的存在，ajax 只会发送的第一次请求，剩

余多次请求不会在发送给浏览器而是直接加载缓存中的数据。

解决方式：浏览器的缓存是根据 url 地址来记录的，所以我们只需要修改 url 地址

即可避免缓存问题

xhr.open("get","/testAJAX?t="+Date.now());

1.4.4 AJAX 请求状态

xhr.readyState 可以用来查看请求当前的状态

https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/readyState
0: 表示 XMLHttpRequest 实例已经生成，但是 open()方法还没有被调用。

1: 表示 send()方法还没有被调用，仍然可以使用 setRequestHeader()，设定 HTTP

请求的头信息。

2: 表示 send()方法已经执行，并且头信息和状态码已经收到。

3: 表示正在接收服务器传来的 body 部分的数据。

4: 表示服务器数据已经完全接收，或者本次接收已经失败了

1.4.5请求超时与网络异常

//超时设置 2s 设置
xhr.timeout = 2000;
//超时回调
xhr.ontimeout = function(){
    alert("网络异常, 请稍后重试!!");
}
//网络异常回调
xhr.onerror = function(){
    alert("你的网络似乎出了一些问题!");
}

1.4.6json数据格式传递

将JS对象转为JSON字符串发送，将接收的JSON字符串转为JS对象

在客户端中

<script>
    const result = document.getElementById('result');
    var stu={
        name:'ozw',
        age:18
    }
    //绑定键盘按下事件
    window.onkeydown = function(){
        //发送请求
        const xhr = new XMLHttpRequest();
        //设置响应体数据的类型 自动转换
        xhr.responseType = 'json';
        //初始化
        xhr.open('POST','http://127.0.0.1:8000/json-server');
        //发送
        xhr.send(JSON.stringify(stu));
        //事件绑定
        xhr.onreadystatechange = function(){
            if(xhr.readyState === 4){
                if(xhr.status >= 200 && xhr.status < 300){
                    //
                    // console.log(xhr.response);
                    // result.innerHTML = xhr.response;
                    // 1. 手动对数据转化
                    // let data = JSON.parse(xhr.response);
                    // console.log(data);
                    // result.innerHTML = data.name;
                    
                    // 2. 自动转换
                    console.log(xhr.response);
                    result.innerHTML = xhr.response.name;
                }
            }
        }
    }
</script>

在nodejs服务端中

普通node 文件名

热更新nodemon 文件名

app.all('/json-server', (request, response) => {
    //设置响应头  设置允许跨域
    response.setHeader('Access-Control-Allow-Origin', '*');
    //响应头
    response.setHeader('Access-Control-Allow-Headers', '*');
    //响应一个数据
	var data = "";
	request.on("data",function(dataChunk){ //dataChunk数据块
		data += dataChunk;
	})
	request.on("end",function(){
		data = JSON.parse(data);
        
		console.log(data);
		response.send(data);
	})


});

1.4.7取消请求

x.abort();

1.4.8重复请求问题

        //获取元素对象
        const btns = document.querySelectorAll('button');
        let x = null;
        //标识变量
        let isSending = false; // 是否正在发送AJAX请求

        btns[0].onclick = function(){
            //判断标识变量
            if(isSending) x.abort();// 如果正在发送, 则取消该请求, 创建一个新的请求
            x = new XMLHttpRequest();
            //修改 标识变量的值
            isSending = true;
            x.open("GET",'http://127.0.0.1:8000/delay');
            x.send();
            x.onreadystatechange = function(){
                if(x.readyState === 4){
                    //修改标识变量
                    isSending = false;
                }
            }
        }

        // abort
        btns[1].onclick = function(){
            x.abort();
        }

第 3 章：jQuery 中 AJAX

2.1 get 请求

$.get(url, [data], [callback], [type])

url:请求的 URL 地址。

data:请求携带的参数。一般不写

callback:载入成功时回调函数。

type:设置返回内容格式，xml, html, script, json, text, _default。

$.get('http://127.0.0.1:8000/jquery-server', function(data){
    console.log(data);
},'json');

2.2 post 请求

$.post(url, [data], [callback], [type])

url:请求的 URL 地址。

data:请求携带的参数。

callback:载入成功时回调函数。

type:设置返回内容格式，xml, html, script, json, text, _default。

$.post('http://127.0.0.1:8000/jquery-server', {a:100, b:200}, function(data){
    console.log(data);
});

2.3通用

$.ajax({
    //url
    url: 'http://127.0.0.1:8000/jquery-server',
    //参数
    data: {a:100, b:200},
    //请求类型
    type: 'GET',
    //响应体结果
    dataType: 'json',
    //成功的回调
    success: function(data){
        console.log(data);
    },
    //超时时间
    timeout: 2000,
    //失败的回调
    error: function(){
        console.log('出错啦!!');
    },
    //头信息
    headers: {
        c:300,
        d:400
    }
});

$.ajax({name:value, name:value, … })

async布尔值，表示请求是否异步处理。默认是 true。
beforeSend(xhr)发送请求前运行的函数。
cache布尔值，表示浏览器是否缓存被请求页面。默认是 true。
complete(xhr,status)请求完成时运行的函数（在请求成功或失败之后均调用，即在 success 和 error 函数之后）。
contentType发送数据到服务器时所使用的内容类型。默认是：“application/x-www-form-urlencoded”。
context为所有 AJAX 相关的回调函数规定 “this” 值。
data规定要发送到服务器的数据。
dataFilter(data,type)用于处理 XMLHttpRequest 原始响应数据的函数。
dataType预期的服务器响应的数据类型。
error(xhr,status,error)如果请求失败要运行的函数。
global布尔值，规定是否为请求触发全局 AJAX 事件处理程序。默认是 true。
ifModified布尔值，规定是否仅在最后一次请求以来响应发生改变时才请求成功。默认是 false。
jsonp在一个 jsonp 中重写回调函数的字符串。
jsonpCallback在一个 jsonp 中规定回调函数的名称。
password规定在 HTTP 访问认证请求中使用的密码。
processData布尔值，规定通过请求发送的数据是否转换为查询字符串。默认是 true。
scriptCharset规定请求的字符集。
success(result,status,xhr)当请求成功时运行的函数。
timeout设置本地的请求超时时间（以毫秒计）。
traditional布尔值，规定是否使用参数序列化的传统样式。
type规定请求的类型（GET 或 POST）。
url规定发送请求的 URL。默认是当前页面。
username规定在 HTTP 访问认证请求中使用的用户名。
xhr用于创建 XMLHttpRequest 对象的函数。

第4章 Axios函数发送AJX

https://github.com/axios/axios

//配置 baseURL
axios.defaults.baseURL = 'http://127.0.0.1:8000';

4.1 get请求

//GET 请求
axios.get('/axios-server', {
    //url 参数
    params: {
        id: 100,
        vip: 7
    },
    //请求头信息
    headers: {
        name: 'atguigu',
        age: 20
    }
}).then(value => {
    console.log(value);
});

4.2 post请求

axios.post('/axios-server', 
{   //请求体
    username: 'admin',
    password: 'admin'
}, 
           
{
    //url参数 
    params: {
        id: 200,
        vip: 9
    },
    //请求头参数
    headers: {
        height: 180,
        weight: 180,
    }
}
 ).then(response=>{
    //响应状态码
    console.log(response.status);
    //响应状态字符串
    console.log(response.statusText);
    //响应头信息
    console.log(response.headers);
    //响应体
    console.log(response.data);
});

4.3 通用

axios({
    //请求方法
    method : 'POST',
    //url
    url: '/axios-server',
    //url参数
    params: {
        vip:10,
        level:30
    },
    //头信息
    headers: {
        a:100,
        b:200
    },
    //请求体参数
    data: {
        username: 'admin',
        password: 'admin'
    }
}).then(response=>{
    //响应状态码
    console.log(response.status);
    //响应状态字符串
    console.log(response.statusText);
    //响应头信息
    console.log(response.headers);
    //响应体
    console.log(response.data);
})

第5章 fetch函数发送AJAX

//文档地址

​ //https://developer.mozilla.org/zh-CN/docs/Web/API/WindowOrWorkerGlobalScope/fetch

fetch('http://127.0.0.1:8000/fetch-server?vip=10', {
    //请求方法
    method: 'POST',
    //请求头
    headers: {
        name:'atguigu'
    },
    //请求体
    body: 'username=admin&password=admin'
}).then(response => {
    // return response.text();
    return response.json();
}).then(response=>{
    console.log(response);
});

第 6章：跨域

3.1 同源策略

同源策略(Same-Origin Policy)最早由 Netscape 公司提出，是浏览器的一种安全策略。

同源： 协议、域名、端口号 必须完全相同。
违背同源策略就是跨域。

3.2 如何解决跨域

3.2.1 JSONP

JSONP 是什么

JSONP(JSON with Padding)，是一个非官方的跨域解决方案，纯粹凭借程序员的聪明
才智开发出来，只支持 get 请求。

JSONP 怎么工作的？

在网页有一些标签天生具有跨域能力，比如：img link iframe script。
JSONP 就是利用 script 标签的跨域能力来发送请求的。

3.2.1.1 JSONP 的使用
<script>
    //获取 input 元素
    const input = document.querySelector('input');
    const p = document.querySelector('p');

    //声明 handle 函数
    function handle(data){
        input.style.border = "solid 1px #f00";
        //修改 p 标签的提示文本
        p.innerHTML = data.msg;
    }

    //绑定事件
    input.onblur = function(){
        //获取用户的输入值
        let username = this.value;
        //向服务器端发送请求 检测用户名是否存在
        //1. 创建 script 标签
        const script = document.createElement('script');
        //2. 设置标签的 src 属性
        script.src = 'http://127.0.0.1:8000/check-username';
        //3. 将 script 插入到文档中
        document.body.appendChild(script);
    }
</script>

app.all('/check-username',(request, response) => {
    // response.send('console.log("hello jsonp")');
    const data = {
        exist: 1,
        msg: '用户名已经存在'
    };
    //将数据转化为字符串
    let str = JSON.stringify(data);
    //返回结果
    response.end(`handle(${str})`);
});
3.2.1.2 jQuery 中的 JSONP
$.getJSON('http://127.0.0.1:8000/jquery-jsonp-server?callback=?', function(data){
    $('#result').html(`
名称: ${data.name}<br>
校区: ${data.city}
`)
});
        

app.all('/jquery-jsonp-server',(request, response) => {
    // response.send('console.log("hello jsonp")');
    const data = {
        name:'尚硅谷',
        city: ['北京','上海','深圳']
    };
    //将数据转化为字符串
    let str = JSON.stringify(data);
    //接收 callback 参数
    let cb = request.query.callback;

    //返回结果
    response.end(`${cb}(${str})`);
});

3.2.2 CORS

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS

  1. CORS 是什么？
    CORS（Cross-Origin Resource Sharing），跨域资源共享。CORS 是官方的跨域解决方
    案，它的特点是不需要在客户端做任何特殊的操作，完全在服务器中进行处理，支持
    get 和 post 请求。跨域资源共享标准新增了一组 HTTP 首部字段，允许服务器声明哪些
    源站通过浏览器有权限访问哪些资源
  1. CORS 怎么工作的？

CORS 是通过设置一个响应头来告诉浏览器，该请求允许跨域，浏览器收到该响应
以后就会对响应放行。
3) CORS 的使用
主要是服务器端的设置：

 router.get("/testAJAX" , function (req , res) {

	//通过 res 来设置响应头，来允许跨域请求
	//res.set("Access-Control-Allow-Origin","http://127.0.0.1:3000");
	    //设置响应头  设置允许跨域
    res.setHeader('Access-Control-Allow-Origin', '*');
    res.setHeader('Access-Control-Allow-Headers', '*');
	res.send("testAJAX 返回的响应");
});

s://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS

  1. CORS 是什么？
    CORS（Cross-Origin Resource Sharing），跨域资源共享。CORS 是官方的跨域解决方
    案，它的特点是不需要在客户端做任何特殊的操作，完全在服务器中进行处理，支持
    get 和 post 请求。跨域资源共享标准新增了一组 HTTP 首部字段，允许服务器声明哪些
    源站通过浏览器有权限访问哪些资源
  1. CORS 怎么工作的？

CORS 是通过设置一个响应头来告诉浏览器，该请求允许跨域，浏览器收到该响应
以后就会对响应放行。
3) CORS 的使用
主要是服务器端的设置：

 router.get("/testAJAX" , function (req , res) {

	//通过 res 来设置响应头，来允许跨域请求
	//res.set("Access-Control-Allow-Origin","http://127.0.0.1:3000");
	    //设置响应头  设置允许跨域
    res.setHeader('Access-Control-Allow-Origin', '*');
    res.setHeader('Access-Control-Allow-Headers', '*');
	res.send("testAJAX 返回的响应");
});
Aurora，
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax基础
liu_520520的博客
08-05 253
1. 阶段目标 能够使用 AJAX 异步和服务器进行交互 能够用模板引擎将数据渲染到页面上 2. 概述 2.1 Ajax简述 简单来说，Ajax是一种技术、是能够使前端人员和后端进行交互的一种技术。而后端语言的执行必须在服务器上，所以说Ajax是前端和服务器端通信的一种技术。 更具体一点，浏览器通过内置对象 XMLHttpRequest 提供的 API 向服务器发起请求，并可以接收服务器返回给...
HTTP 消息结构
热门推荐
05-03 1万+
HTTP是基于客户端/服务端（C/S）的架构模型，通过一个可靠的链接来交换信息，是一个无状态的请求/响应协议。一个HTTP"客户端"是一个应用程序（Web浏览器或其他任何客户端），通过连接到服务器达到向服务器发送一个或多个HTTP的请求的目的。一个HTTP"服务器"同样也是一个应用程序（通常是一个Web服务，如Apache Web服务器或IIS服务器等），通过接收客户端的请求并向客户端发送HTTP响应数据。
AJAX学习笔记
strawferry的博客
07-18 316
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的艺术。1.XMLHttpRequest 是 AJAX 的基础。XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整
ajax请求头及返回字段
web修理工
06-03 417
Requests部分 Header 解释 示例 Accept 指定客户端能够接收的内容类型 Accept: text/plain, text/html Accept-Charset 浏览器可以接受的字符编码集。 Accept-Charset: iso-8859-5 Accept-Encoding 指定浏览器可以支持的web服务器返回内容压缩编码类型。 Accept-Encoding: compress, gzip Accept-Languag
Ajax原理及应用二(处理HTTP请求)
shawnfree的专栏
04-27 94
1、当在浏览器地址栏中输入网页地址，或者提交表单时，便通过浏览器向Web服务器发送了HTTP请求，HTTP协议规定了Web浏览器如果向Web服务器请求文档，浏览器如何提交表单，Web服务器如何响应客户端请求，以及客户端如何接受及处理服务器响应。 详见《HTTP协议讲解》 通常情况下，向服务器发送请求，以及接收处理服务器端响应的工作是又浏览器完成。并不是通过JavaScript等客户端脚...
Ajax基础知识详解
08-31
本文主要介绍了Ajax基础知识。具有很好的参考价值，下面跟着小编一起来看下吧
ajax基础知识总结
08-08
学习ajax基础知识，让自己的前端技术更上一层，学会与后台交互
HTTP报文及ajax基础知识
10-19
客户端传递给服务器的内容 和 服务器传递给客户端的内容 都属于HTTP报文。Ajax是客户端JS中的方法，用来向服务端发送请求,下面通过本文给大家分享HTTP报文及ajax基础知识，感兴趣的朋友一起看看吧
AJAX基础知识
11-20
### AJAX基础知识详解 #### 一、什么是AJAX？ AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它并非全新的编程语言或技术，而是对现有技术的一种创新...
Ajax基础（应用场景｜jquery实现Ajax｜注意事项｜Ajax发送json数据｜Ajax携带文件数据）
Mchen的博客
11-20 5371
AJAX翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互也是用XML进行数据传输（当然，传输的数据不只是XML，目前更多的使用Json数据）。（XML应用于Web开发的许多方面，常用于简化数据的存储和共享）AJAX不是什么新的编程语言，而是一种使用现有标准的新方法AJAX最大的优点就是不需要重新加载整个页面的情况下，可以与服务器交换数据并更新网页内容（简单来说就是，在网页前端刚输入完数据，后端其实已经验证完数据了，不需要等点击提交了）
Ajax基础知识
weixin_43725034的博客
09-26 438
1.介绍： ajax 全名 async javascript and XML(异步JavaScript和XML) 是前后台交互的能⼒ 也就是我们客户端给服务端发送消息的⼯具，以及接受响应的工具。 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 是⼀个 默认异步执⾏机制的功能,AJAX分为同步（async = false）和异步（async = true） 2.同步请...
Ajax知识点
woai_mihoutao的博客
04-28 530
一、Ajax基础 1. 传统网站中存在的问题 网速慢的情况下,页面加载时间长,用户只能等待 表单提交后,如果一项内容不合格,需要重新填写所有表单内容 页面跳转,重新加载页面,造成资源浪费,增加用户等待时间 2. Ajax概述 Ajax:标准读音['ei,dʒaeks]，中文音译:阿贾克斯 它是浏览器提供的一套方法,可以实现页面无刷新更新数据,提高用户浏览网站应田的体验。 3. Ajax的应用场景 页面上拉加载更多数据 列表数据无刷新分页（例如当点击某个网页的左边侧边栏时，只有右边的内容发生改
Ajax基础篇
weixin_51445423的博客
04-14 492
Ajax基础 文章目录Ajax基础1.1ajax简介1.2XML简介1.3AJAX的特点1.3.1AJAX的优点1.3.2AJAX的缺点1.4HTTP协议1.4.1 Express1.5AJAX的应用1.5.1原生AjaxGET请求设置参数POST请求参数设置1.6设置请求头信息2.1服务端响应JSON数据2.2解决ie缓存问题2.3超时与网络错误的处理2.4取消AJAX请求2.5Ajax重复发送请求情况3.1JQuery发送AJAX请求4.1 axios4.12发起一个get请求4.13 发起一个 `PO
AJAX 基础知识
Cc200171的博客
06-08 394
3、ajax的工作原理客户端发送请求，请求交给xhr，xhr把请求提交给服务，服务器进行业务处理，服务器响应数据交给xhr对象，xhr对象接收数据，由javascript把数据写到页面上，如下图所示 在IE浏览器中创建XMLHttpRequest对象的方式为:在Netscape浏览器中创建XMLHttpRequest对象的方式为: 由于无法确定用户使用的是什么浏览器,所以在创建XMLHttpRequest对象时,最好将以上两种方法都加上.如以下代码所示: 2、创建HTTP请求 创建HTTP请求可
Ajax学习笔记
最新发布
2301_79614379的博客
07-21 1057
定义：asyn和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用Promise。概念：在async函数内，使用await关键字取代then函数，等待获取Promise对象成功状态的结果值。定义：执行代码和收集异步任务的模型，在调用栈空闲，反复调用任务队列里回调函数的执行机制，就叫事件循环。axios响应拦截器：响应回到then/catch之前，触发的拦截函数，对响应的结果统一处理。Promise本身是同步的，而then和catch回调函数是异步的。
Ajax笔记：Ajax基础知识和Ajax开发技巧
下面是关于Ajax的详细知识点： 一、 Ajax基本概念 Ajax是Asynchronous JavaScript and XML的缩写，它可以使网页实现异步刷新，不需要重新加载整个网页。Ajax技术可以将网页分割成小的部分，然后使用JavaScript和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值