ajax 原生请求数据

来源：互联网发布：java简历包装真实项目编辑：程序博客网时间：2024/06/08 17:01

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

0 0