zoukankan      html  css  js  c++  java
  • 简单的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();
  • 相关阅读:
    常用git命令
    复制文件
    实现斗地主洗牌、发牌、看牌
    线程池实现多线程
    git无法提交问题
    Js中处理日期加减天数
    form详解
    node.js中exports与module.exports的区别
    css的direction属性
    webstorm基础使用
  • 原文地址:https://www.cnblogs.com/qzsonline/p/2537742.html
Copyright © 2011-2022 走看看