AJAX回顾

AJAX
1.什么是AJAX?他的作用是什么？
 AJAX 指异步JavaScript及XML（Asynchronous JavaScript And XML）。AJAX 不是一种新的编程语言，而是一种使用现有标准的新方法。通过 AJAX，你可以创建更好、更快以及更友好的 WEB 应用程序。

注意：AJAX 基于JavaScript和HTTP请求（HTTP requests）。

2.什么是同步通信？什么是异步通信？
（1）同步：前台页面给后台服务器一个请求（发送一个表单内容，传递一个url），服务器获取到请求数据之后给前台页面一个响应，在这个过程当中，前台页面一直在等待（停止所有的动作）。
（2）异步：前台页面给后台服务器一个请求（发送一个表单内容，传递一个url），服务器获取到请求数据之后给前台页面一个响应，在这个过程当中，前台页面正常工作。

3.怎么样实现异步通信？（AJAX技术：javascript或jquery）

4.步骤：web和server之间的通信
步骤一：建立一个通信对象（XMLHttpRequest 对象）
步骤二：利用该对象的open来确定一个具体的通信url（给谁发送请求）open("GET"|"POST",服务器url,true(异步)|false(同步))
步骤三：发送请求
步骤四：监听服务器给出的响应（接收响应）
onreadystatechange=function(){函数内容}--匿名函数：自动执行，不需要调用
onreadystatechange=callback--回调函数--自动执行，有名字，函数执行完后会给主程序一个响应
responseText|responseBody 属性会存储从服务器返回的数据。
*重点，AJAX封装

function initXHR(){
 return window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
 }
function testXHR(serverUrl,Parms,callBack){
 var xhr = initXHR();//初始化XHR
 var url = serverUrl+"?"+Parms+"&r="+Math.random();//初始化url
 xhr.open("GET",url,true);//打开url
 xhr.send(null);//发送请求
 xhr.onreadystatechange = function(){
  if(xhr.readyState==4) {
   callBack(xhr);
   }
   } 
 }