Ajax的简单原理

ajax是什么？

①ajax就是一个用户与服务器端加的中间层，通过XmlHttpRequest对象来想服务断发送异步请求来进行前后端交换的，从服务端获取到相关的数据后就通过Javascript脚本语言进行DOM操作来更新页面，主要作用是通过用户操作进行异步化，进行数据的前后端交互。
②ajax的核心是XmlHttpRequest。

1.示例

代码如下（示例）：

var xhr = new XMLHttpRequest() //创建链接
xhr.open('get', url, true) //进行连接服务器，get是请求的方式，url是服务器的地址，true是进行异步（ansy）请求
xhr.send()//进行请求发送
//接受请求
xhr.onreadystatechange = function(){
   if(xhr.readyState === 4){
      if(xhr.status === 200){
     		success(xhr.response) //response请求成功后的返回信息
      }else{
      		fial && fail(xhr.status) //请求失败了
      }
   }
}

2.ajax的优点

①通过异步的请求模式，提高了用户的体验感
②优化浏览器和服务器之间数据的传输，减少不必要的传输，减少了带宽
③ajax在客户端的运行，承担了一部分服务器的工作，减少了大量用户下的服务器负载
④ajax能进行动态刷新

3.ajax的缺点

①有安全得问题，暴露了与服务器直接的细节
②对于搜引擎的支持相对较弱
③不容易进行调试操作