什么是AJAX
AJAX(Asynchronous Javascript And XML)异步的JavaScript和XML。
简单来说AJAX就是用JS来发请求或者接收响应.
为什么要用AJAX
它可以实现页面不用刷新就能更新数据,用户体验更好。
使用AJAX
1. 创建XMLHttpRquest对象
const xhq = XMLHttpRequest;
2.调用对象的open方法
xhr.open(method, url);
//method:GET,POST
//url:url
3.监听对象的onreadystatechange事件
//readyState的值
//0,xhq对象已经被创建```
//1,对象的open方法已经被调用
//2,send方法已经被调用,且头部和状态已经可以获得
//3,正在下载中
//4,下载已经完成
xhq.onreadystatechange = () = >{
if(xhr.readyState == 4 && xhr.status == 200){
console.log(xhr.responseText);
}
}
4.发送请求
xhq.send();
其他
编程中的同步和异步
-
同步:做完一件事,再去做另一件事
-
异步:事情做到一半,然后去做另一件事