AJAX概述

AJAX很惹人喜欢，实用简单！

AJAX意思是异步的JavaScript和XML，原理是JavaScript通过XMLHttpRequest对象发送HTTP请求，与服务端通信。AJAX是异步数据传输，浏览器从服务器请求少量信息更新当前页面的部分元素，不用刷新整个页面。使用Ajava可以很好的提高应用的交互性。

核心XMLHttpRequest解析：

属性-

onreadystatechange:保存处理服务器响应的函数。

readyState：XMLHttpRequest的状态，0-请求未初始化，open()之前；1-请求已提出，send之前；2-请求已发送；3-请求处理中；

4-请求已完成，可以获得服务器的响应并使用。

responseBody:以二进制数据返回响应结果。

responseStream:以Ado Stream对象返回响应数据.

responseText:以字符串返回响应数据。

responseXML:以xml Document对象返回响应数据。

status:请求的http状态码,如404/200等。

statusText:返回响应的运行状态。

函数-

 

open(method, url, varAsync, user, password)：创建一个新的http请求。

method-HTTP的方法，有post,get等；

url-请求的URL地址；

varAsync-可选，布尔型，指定请求是否为异步方式，默认为true；

user-可选，用户名；

password-可选，密码。

send(varBody):发送数据

 

实例

//创建xmlhttprequest对象 var xmlHttp; function createXmlHttpRequest() { try{ // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { return false; } } } return true; } //触发函数 function click() { var b=createXmlHttpRequest(); if (b==false) { alert ("您的浏览器不支持AJAX！"); return; } //指定响应函数 xmlHttp.onreadystatechange=stateChanged; //发出请求 xmlHttp.open("GET",url); xmlHttp.send(null); } //用于获得响应，改变当前页面中的元素 function stateChanged() { if(xmlHttp.readyState==4) {} }