初识ajax

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

AJAX = 异步+js+xml

XMLHttpRequest 对象

创建该对象

var xmlhttp;if (window.XMLHttpRequest)  {// code for IE7+, Firefox, Chrome, Opera, Safari  xmlhttp=new XMLHttpRequest();  }else  {// code for IE6, IE5  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");  }

使用方法

open(method,url,async)

规定请求的类型、URL 以及是否异步处理请求。

• method：请求的类型；GET 或 POST
• url：文件在服务器上的位置
• async：true（异步）或 false（同步）

send(string)

将请求发送到服务器。

• string：仅用于 POST 请求

abort()终止请求setRequestHeader(header,value)

向请求添加 HTTP 头。在调用open()之后send()之前调用。

• header: 规定头的名称
• value: 规定头的值

getRequestHeader(header)取得响应的相应头部信息getAllRequestHeaders()取得一个包含所有头部信息的长字符串

XHR对象属性

responseText     作为响应主体被返回的文本

responseXML    若响应的内容类型为text/xml或者application/xml，则该属性包含响应数据的XML DOM文档

status    http状态码

statusText      http状态说明

readyState     请求/响应过程的当前活动阶段（0,1,2,3,4）   对应有onreadystatechange事件处理程序，该程序必须在XHR调用open()之前指定。

接收响应后，先检查status属性，确定响应已经返回后再进行其他操作。

get 最常用于向服务器查询某些信息。注意：传入open方法中的url末尾的字符串必须经过正确的编码，构建一个编码函数。

function addURLParam(url,name,value){      url += (url.indexOf("?") == -1 > "?" : "&";      url += encodeURIComponent(name) + "=" +encodeURIComponent(value);      return url;}

post 通常向服务器发送应该保存的数据。当send XML DOM文档时，传入的文档要经过序列化。