AJAX简单总结

82 阅读1分钟

什么是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();

其他

编程中的同步和异步

  • 同步:做完一件事,再去做另一件事

  • 异步:事情做到一半,然后去做另一件事