ajax学习笔记

1. 第一.XMLHttpRequest对象: 
2. Sample:创建一个XMLHttpRequest对象的实例: 
3. XmlHttpRequest对象的方法: 
4. void open(String method,String url,boolean asynch,String username,String password):表示建立对服务器的调用.后三个参数为可选参数;mehod可以为GET,POST,PUT; url可以为绝对或相对地址; asynch默认值为True,表示异步,当为false时处理就会等待,直到从服务器响应为止;username跟password为用户指定特定的用户名跟密码. 
5. void send(content):这个方法具体向服务器发出请求,如声明为异步则会立即返回此方法,否则它会等待直到接受相应为止. 
6. void sendRequestHeader(String header,String value):此方法为HTTP请求中一个给定的首部设置值,header表示设置的首部,value表示要设置的值. 
7. 注意:此方法必须要在void open()方法之后才能调用. 
8. void abort():停止请求. 
9. String getAllResponseHeaders():返回一个串包含所有的http的首部(Content-Length,Date,URI) 
10. String getResponseHeaders(String header):header表示指定首部值. 
11. onreadystatechange():每个事件改变时都会触发事件处理器,通常会调用一个JS函数. 
12. readyState:=0:未初始化;=1:正在加载;=2:已加载;=3:交互中;=4:完成 
13. states:HTTP状态码.=200:OK.=404:未找到.

/************************************************************************* * 方法说明：可复用的http请求发送函数 * 参数说明： *　　url：目标URL，为防止页面缓存，最好拼接上Math.random() *　　content：用POST方式发出请求时想传给服务器的数据，数据以查询字串的方式列出，：name=value&anothername=othervalue。 *　　　　 　　用GET方式：传null *　　callback：要回调的函数 *************************************************************************/ var xhr = false; function sendAjaxRequest(url, content, callback) { xhr = false; //初始化XMLHttpRequest对象 if (window.XMLHttpRequest) { //Firefox,Chrome,IE8 xhr = new XMLHttpRequest(); } else { if (window.ActiveXObject) { try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); //IE7 } catch (e) { try { xhr = new ActiveXObject("Microsoft.XMLHTTP"); //IE6之前 } catch (e) {} } } } if (!xhr) { // 异常,创建对象实例失败 // "不能创建XMLHttpRequest对象实例" window.alert("/u4e0d/u80fd/u521b/u5efaXMLHttpRequest/u5bf9/u8c61/u5b9e/u4f8b."); return false; } //设置回调函数 xhr.onreadystatechange = callback; //创建请求，请求方式post,使用异步 xhr.open("post", url, true); xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //发送的如果是XML，text/xml //开始发起请求 xhr.send(content); } /************************************************* *　方法说明：回调函数(处理返回信息的函数)模板 *************************************************/ function processResponse() { if (xhr.readyState == 4) { // 响应已完成 if (xhr.status == 200) {// 成功处理 alert(xhr.responseText); } else { //页面不正常报错："所请求的页面有异常" alert("/u6240/u8bf7/u6c42/u7684/u9875/u9762/u6709/u5f02/u5e38/u3002"); } } }