初始Ajax以及Ajax的基本用法

初始Ajax

1.Ajax是什么

　　Ajax是Asynchronous JavaScript and XML（异步JaxaScript和XML）的简写

　　Ajax中的异步：可以异步地向服务器发送请求，在等待响应的过程中，不会阻塞当前页面，浏览器可以做自己的事情，直到成功获取响应后，浏览器才开始响应数据（他兄弟叫同步发送请求后 会一直等待响应）

　　XML（可扩展标记语言）是前后端数据通信时传输数据的一种格式

　　XML现在已经不怎么用了，现在比较常用的是JSON

　　Ajax其实就是浏览器与服务器之间的一种异步通信方式

　　使用Ajax可以在不重新加载整个页面的情况下，对页面的某部分进行更新

 

2.搭建Ajax开发环境

　　Ajax需要服务器环境，非服务器环境下，很多浏览器无法正常使用Ajax

　　Live Server

 

Ajax的基本用法

1.XMLHttpRequest

　　Ajax想要实现浏览器与服务器之间的异步通信，需要依靠XMLHttpRequest，它是一个构造函数

　　不论是XMLHttpRequest，还是Ajax，都没有和具体的某种数据格式绑定

2.Ajax的使用步骤

　　2.1创建xhr对象

　　

　　2.2监听事件，处理响应

　　　　当获取到响应后，会触发xhr对象的readystatechange事件，可以在该事件中对响应进行处理

　　　　readystatechange事件监听readyState这个状态的变化

　　　　它的值从0~4，一共5个状态

　　　　0：末初始化，尚末调用open()

　　　　1：启动，已经调用open(),但尚末调用send()

　　　　2：发送，已经调用send(),但尚末接收到响应

　　　　3：接收，已经接收到部分响应数据

　　　　4：完成，已经接收全部响应数据，而且已经可以在浏览器中使用了

　　2.3准备发送请求

　　　　调用open并不会真正发送请求，而只是做好发送请求前的准备工作

　　2.4发送请求

　　　　调用send()正式发送请求

　　　　send()的参数是通过请求体携带的数据

3.使用Ajax完成前后端通信