原生javascript实现ajax异步请求

<script type="text/javascript">
 //格式化post参数,此为post请求操作时使用,get无需使用
            function formatParams(jsonData) {
                var arr = [];
                for (var name in jsonData) {
                    arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(jsonData[name]));
                }
                arr.push(("v=" + Math.random()).replace(".",""));
                return arr.join("&");
            }

    //创建XHR对象
    function createXMLHttp() {
        var XmlHttp;
        if (window.ActiveXObject) {
            //IE6及其之前的版本中,XHR对象是通过MSXML库中的一个ActiveX对象实现的。
            // 《js高级程序设计中》细化了IE中此类对象的不同版本,即MSXML2.XMLHttp、MSXML2.XMLHttp.3.0 和 MSXML2.XMLHttp.6.0;
            // !!!可以直接使用下面的语句创建: var XmlHttp=new ActiveXObject(’Microsoft.XMLHTTP’);
            var arr = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp", "Microsoft.XMLHttp"];
            for (var i = 0; i < arr.length; i++) {
                try {
                    XmlHttp = new ActiveXObject(arr[i]);
                    return XmlHttp;
                }
                catch (error) { }
            }
        }
        else {
            try {
                XmlHttp = new XMLHttpRequest();
                return XmlHttp;
            }
            catch (otherError) { }
        }
    }
    //js原生ajax请求方法
    window.onload=function xmlPost() {
        var xmlHttp = createXMLHttp();
        //POST请求
        //var data = formatParams(jsondata);
        var url = "www.example.com";
        xmlHttp.open('get', url, true);
        xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        //如果open方法用的是post方式,相应的参数要写到send方法里
        xmlHttp.send();
        xmlHttp.onreadystatechange = function () {
            if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                var data =eval("(" + xmlHttp.responseText + ")");
                return data;
            }
        }
    }
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

逸尘️

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值