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);

}

}

}