动态渲染数据到表格中

<script>
    //兼容方案
    // var xhr=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject(‘Microsoft.XMLHTTP‘);


    var xhr = new XMLHttpRequest();
    xhr.open(‘GET‘, ‘test.php‘);
    xhr.send();
    xhr.onreadystatechange = function () {
        if (this.readyState !== 4) return;
        var res = JSON.parse(this.responseText);
        // res => 服务端返回的数据
        var data = res.data;
        for (var i = 0; i < data.length; i++) {
            // 先创建行
            // 再创建列
            // 再将列添加到行
            // 再将行添加到tbody
            // console.log(data[i])
            var tr = document.createElement(‘tr‘);
            tr.innerHTML = ‘<td>‘ + data[i].id + ‘</td><td></td><td></td><td></td><td></td><td></td>‘
        }
    }
</script>

动态渲染数据到表格中

原文：https://www.cnblogs.com/lujieting/p/10291277.html