ajax 原生请求数据

最新推荐文章于 2022-09-12 10:46:36 发布

大西瓜啃完了哟

最新推荐文章于 2022-09-12 10:46:36 发布

阅读量404

点赞数

本文链接：https://blog.csdn.net/haihiaandtongtong/article/details/47020167

版权

<div class="min">
    <div class="list">
        <ul id="list"></ul>
        <div>
            <span id="number"></span>
        </div>
    </div>
</div>

var url = '../json/list.json';
request();

function request() {
    var mxlHttp = null;
    if (window.ActiveXObject) {//如果是IE
        mxlHttp = new ActiveXObject("Microsoft.XMLHTTP");

    } else if (window.XMLHttpRequest) {
        mxlHttp = new XMLHttpRequest(); //实例化一个xmlHttpReg
    }
    if (mxlHttp != null) {
        mxlHttp.onreadystatechange = function () {
            if (mxlHttp.readyState == 4) {
                if (mxlHttp.status >= 200 || mxlHttp.status == 304) {
                    if (mxlHttp.responseText) {

                        dataInfo(mxlHttp.responseText);
                    }
                } else {
                    console.log("请求出错");
                }
            }
        };

        mxlHttp.open("get", url, true);
        mxlHttp.send(null);
    }


}

function dataInfo(data) {
    var list = document.getElementById('list');
    var info = JSON.parse(data),
        len = info.content;
    for (var i = 0; i < len.length; i++) {
        var n = len[i];
        var oli = document.createElement("li");
        oli.innerText = n.con;
        list.appendChild(oli)
    }

}