Ajax 原生请求方法

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
//创建XMLHttpRequest 对象
//参数：无
//返回值：XMLHttpRequest 对象
function createXHR () {
      
      
    var XHR = [  //兼容不同浏览器和版本得创建函数数组
   
        function () {
      
       return new ActiveXObject ("Msxml2.XMLHTTP") },
        function () {
      
       return new ActiveXObject ("Msxml3.XMLHTTP") },
             function () {
      
       return new XMLHttpRequest () },
        function () {
      
       return new ActiveXObject ("Microsoft.XMLHTTP") }
    ];
    var xhr = null;
    //尝试调用函数，如果成功则返回XMLHttpRequest对象，否则继续尝试
    for (var i = 0; i < XHR.length; i ++) {
      
      
        try {
      
      
            xhr = XHR[i]();
        } catch(e) {
      
      
        console.log(e);
            continue  //如果发生异常，则继续下一个函数调用
        }
        break;  //如果成功，则中止循环
    }
    return xhr;  //返回对象实例
}
var xhr = createXHR();
// uri, async: true表示异步执行，false表示同步方式执行，会卡死页面，鼠标可以移动但是不能选中页面的元素。
xhr.open ("GET", "http://localhost:8005/api/test/ajax/async/1", true);  //建立连接
xhr.send(null);  //发送请求
console.log(xhr.responseText);  //接收数据
</script>
</head>
<body>

<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">改变内容</button>

</body>
</html>
Ajax 原生请求方法

猜你喜欢
