每日总结

今天学习了一下ajks的相关知识：

Ajax = 异步 Javascript + XML ， 是一种用于创建快速动态网页的技术。

可以实现不重新加载整个网页的情况下，对网页的某部分进行更新。

浏览器是单线程的，如果要实现多任务，为了防止任务卡主或者等待情况，就需要异步概念。

同步代码：代码是顺序执行的，根据代码定义顺序往下执行。
异步代码：代码的执行顺序不是按定义执行，往往同步的代码先执行，再执行异步代码。
XHR(XMLHttpRequest)对象
XMLHttpRequest（XHR）对象用于与服务器交互。通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL，获取数据。这允许网页在不影响用户操作的情况下，更新页面的局部内容。XMLHttpRequest 在 AJAX 编程中被大量使用

发送ajax请求
如果是get请求，参数直接拼接在url上发送。 post请求 参数放在请求体里面

post请求需要设置请求头，需要在open方法调用后再执行 xhr.setRequestHeader

get请求

通过 new 关键字 创建 xhr 实例 XMLHttpRequest

实例：

2.调用 xhr.open 方法设置请求数据的方式。

3.获取服务端响应的数据 xhr.onload

4.通过xhr.send方法发送数据

//2.xhr.open设置get请求的数据 xhr.open('请求方式','url')
xhr.open('get','http://127.0.0.1:3000/validate?userName=tom')
//3.1获取服务端响应的数据
xhr.onload = function(){
//3.2把json字符串转换为json对象
const res = JSON.parse(xhr.responseText);
console.log(res)
}
//4.xhr.send发送数据
xhr.send();

//1.创建实例
const xhr = new XMLHttpRequest();
//2.xhr.open 设置请求数据
xhr.open('post','http://127.0.0.1:3000/login')
//3.设置请求头
xhr.setRequestHeader('content-type','application/x-www-form-urlencoded')
//4.获取服务端响应的数据
xhr.onload = function(){
//4.1把json字符串转换为json对象
const res = JSON.parse(xhr.responseText);
if(res.code === 200){
console.log(res.msg)
}
//5.post发送数据，在send里面发送参数
xhr.send('userName=tom');