简单的Ajax请求 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title></title>
 6     <script type="text/javascript" src="ajax.js"></script>
 7     <script type="text/javascript" src="test06.js"></script>
 8 </head>
 9 <body>
10     
11 </body>
12 </html>

 

 1 function createXHR() {
 2     if (typeof XMLHttpRequest != "undefined") {
 3         return new XMLHttpRequest();
 4     } else if (typeof ActiveXObject != "undefined") {
 5         if (typeof arguments.callee.activeXString != "string") {
 6             var versions = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp"];
 7             for (var i = 0, len = versions.length; i < len; i++) {
 8                 try {
 9                     var xhr = new ActiveXObject(versions[i]);
10                     arguments.callee.activeXString = versions[i];
11                     return xhr;
12                 } catch (ex) {
13                     console.log("异常");
14                 }
15             }
16         }
17         return new ActiveXObject(arguments.callee.activeXString);
18     } else {
19         throw new Error("No XHR object available.");
20     }
21 }

 

var xhr = createXHR();
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
        if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
            console.log(xhr.responseText);
        } else {
            console.log("Request was unsuccessful: " + xhr.status);
        }
    }
};

xhr.open("get", "example.txt", true);
xhr.send(null);
//取消异步请求
//xhr.abort();

 

posted @ 2012-06-06 10:05  小猩猩君  阅读(136)  评论(0)    收藏  举报