AJAX应用场景、运行原理及实现步骤

Ajax

Ajax应用场景

主要用于在不刷新页面的情况下，与服务器进行数据交换并更新页面

1. 页面上拉加载更多数据
2. 列表数据无刷新分页
3. 表单项离开焦点数据验证
4. 搜索框提示文字下拉列表

Ajax运行原理

 Ajax相当于浏览器与服务器之间的代理，类似于通信兵的作用，浏览器通过Ajax代理向服务器端发送请求，服务器端也通过Ajax端响应请求，而这个过程也被Ajax所代理。浏览器端则不需要一直等待服务器端数据的响应，用户可以继续拉动页面浏览网页，当响应结束后，再将数据添加到页面上，所以这个过程一般都是异步的。

Ajax实现步骤

一、创建XMLHttpRuquest对象(考虑兼容性)，创建一个异步调用对象

不同浏览器创建XMLHttpRequest对象方式有所不同。

在chorme浏览器、firefox等浏览器创建XMLHttpRequest对象的方式如下所示：

var xmlHttpRuquest = new XMlHttpRequest()

在IE浏览器中创建XMLHttpRequest对象的方式如下所示：

  var xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");