ajax认识

Posted 2020-08-09

1， ajax 其实就是无须刷新整个页面，就可以更新局部页面的一种技术。它不是新技术，而种几种技术的结合。

　　　　1，html 和css 构建静态页面；

　　　　2，XMLHttpRequest 对象，与服务器进行通信获取数据。

　　　　3，通过JS局部更新DOM。

html, css, js, 我们都很熟悉，ajax的核心就是XMLHttpRequest对象，简称XHR, 它可以和服务器进行通信，请求数据，接受响应，更为重要的是xhr 发起的请求是异步的，所谓异步，就是发起请求后，我们就不用管了，接着做们自已的事情，比如继续浏览网页，xhr 呢，也在一边工作，等待接受服务器的响应，两者互不影响，独自工作，xhr响应完成后，它就会告诉你一声，数据接收到了，我们在操作。平常填写表单就是这个样子。 我们填写用户名，接着填写密码，在确认密码，这时发现 用户名旁边出现红色的警告，用户名重复。

这就是发起请求到DOM 更新，我们什么都没有察觉，就完成了，感觉很自然，提高了用户体验。

2，  XMLHttpRequest对象（XHR）的使用。

　　1， 要想使用xhr, 就必须创建xhr对象， 这也是面向对象的编程思想。

　　　var xhr = new XMLHttpRequest();

　　2, 创建对象，再初始化对象，就是我们向哪里发送请求，用什么方式发送请求。这好比我们打电话时，有了手机后，我们要有电话号码，没有电话号码，向哪里打电话啊！

xhr.open("get",url);  // open 接受三个参数：（发送请求的方法， 请求的url 地址，请求是否异步的布尔值）， 最后一个参数默认true，表示异步请求，可以不填。

　　3， 真正的发送请求，调用send 方法。这就是按了手机的拨号键。

 

　　4 ，就是等待响应了