Ajax 原生请求方法

最新推荐文章于 2024-06-13 11:04:47 发布

南京大学软工研究生

最新推荐文章于 2024-06-13 11:04:47 发布

阅读量329

点赞数

分类专栏： vue 文章标签： ajax javascript 前端

本文链接：https://blog.csdn.net/qq_29012499/article/details/128914932

版权

vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<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>

南京大学软工研究生

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Ajax 原生请求方法

/ uri, async: true表示异步执行，false表示同步方式执行，会卡死页面，鼠标可以移动但是不能选中页面的元素。//尝试调用函数，如果成功则返回XMLHttpRequest对象，否则继续尝试。//返回值：XMLHttpRequest 对象。//创建XMLHttpRequest 对象。//兼容不同浏览器和版本得创建函数数组。//如果发生异常，则继续下一个函数调用。//如果成功，则中止循环。
复制链接

扫一扫