wj603201 发表于 2013-2-7 15:32:15

Ajax中XMLHttpRequest对象的方法和属性

Ajax中XMLHttpRequest对象的方法和属性
1.XMLHttpRequest的方法:
abort():停止当前请求;
getAllResponseHeaders():把HTTP请求的所有相应首部作为键/值对返回;
getResponseHeader("header"):返回指定首部的串值;
open("method", "url"):建立对服务器的调用;
send(content):向服务器发送请求;
setRequestHeader("header", "value"):把指定首部设置为所提供的值,在设置任何首部之前必须先调用open();

2.XMLHttpRequest的属性;
onreadystatechange:每个状态改变时都会触发这个事件处理器,通常会调用一个JavaScript函数;
readyState:请求的状态,有5个可取值:0=未初始化,1=正在加载,2=已加载,3=交互中,4=完成;
responseText:服务器的相应,表示为一个串;
responseXML:服务器的相应,表示为XML,这个对象可以解析为一个DOM对象;
status:服务器的HTTP状态码,200=OK,404=Not Found,等等;
statusText:HTTP状态码的相应文本,OK、Not Found等等;

xmlhttprequest.html:
程序代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <title>XMLHttpRequest</title>
      <script language="JavaScript">
            var xmlHttp;
            function validateEmail() {
                var email = document.getElementById("email");
                var url = "validate?email=" + escape(email.value);
                if(window.ActiveXObject) {
                  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                } else if (window.XMLHttpRequest) {
                  xmlHttp = new XMLHttpRequest();
                }
                xmlHttp.open("GET", url);
                xmlHttp.onreadystatechange = callback;
                xmlHttp.send(null);
            }
            
            function callback() {
                if (xmlHttp.readyState == 4) {
                  if (xmlHttp.status == 200) {
                        alert("OK");
                  } else if (xmlHttp.status == 404) {
                        alert("NOT FOUND");
                  }
                }
            }
      </script>
    </head>
    <body>
      <input type="text" id="email" name="email"/>
    </body>
</html>
页: [1]
查看完整版本: Ajax中XMLHttpRequest对象的方法和属性