Day03-01：Ajax-介绍

Day03-01：Ajax-介绍

1.Ajax
1.概念：Asynchronous JavaScript And XML，异步的JavaScript和XML。
2.作用：
1.数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。
2.异步交互：可以在不重新加载整个页面的情况下，与服务器叫喊数据并更新部分网页的技术，如：搜索联想、用户名是否可用的校验等等。

​ ----------请求----------》
​ 浏览器 Ajax 服务器
​ 《----------响应----------

2.异步和同步

​ 同步：(服务器处理过程中客户端不可以进行其他操作)
​ 1.正在访问… 5.继续访问… 客户端
​ 2.请求服务器… 4.响应客户端…
​ 3.服务器处理中…(3s) 服务端

​ 异步：(服务器处理过程中客户端可以进行其他操作)
​ 1.正在访问… 2.客户端可以进行其他操作… 5.继续访问… 客户端
​ 2.请求服务器… 4.响应客户端…
​ 3.服务器处理中…(3s) 服务端

3.原生Ajax
1.准备数据地址：http://yapi.smart-xwork.cn/mock/169327/emp/list
2.创建XMLHttpRequest对象：用于和服务器交换数据
3.向服务器发送请求
4.获取服务器响应数据

4. 第一步：需要创建一个XMLHttpRequest对象，用于和服务器交换数据
   第二步：需要调用XMLHttpRequest当中的open方法，来设置请求方式以及请求的路径，并且调用send方法来发送异步请求，请求这个地址获取数据
   第三部：需要获取服务端响应回来的数据。我们需要监测XMLHttpRequest当中的状态变化，一旦状态发生变化，就会触发这个函数。然后再这个函数中，我们要判断xmlHttpRequest当中的readystate是不是4并且他的status是不是200。然后响应回来的数据。(readystate4：请求已完成且响应已就绪 status200： “OK” )

http://yapi.smart-xwork.cn/mock/169327/emp/list