javascript - 来自 api 的表数据

Question

我正在尝试将我的数据从 API 获取到表中。

我已经尝试过循环，但它不起作用

var obj, dbParam, xmlhttp, myObj, x, txt = "";
obj = { table: "login", limit: 20 };
dbParam = JSON.stringify(obj);
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        myObj = JSON.parse(this.responseText);
        txt += "<table border='1'>"
        for (x in myObj) {
            txt += "<tr><td>" +myObj[x].name+  "</tr></td>";
        }
        txt += "</table>" 
        document.getElementById("myData").innerHTML = txt;
        console.log(JSON.parse(this.responseText));
    }
};
xmlhttp.open("GET", "https://api.github.com/users", true);
xmlhttp.setRequestHeader("Content-type", "application//x-www-form-urlencoded");
xmlhttp.send("x="+dbParam);

我希望用 API 数据填充表格

Answer 1

您正在关闭 <tr>在 <td> 之前:

txt += "<tr><td>" +myObj[x].name+  "</tr></td>";

修复:

txt += "<tr><td>" +myObj[x].name+  "</td></tr>";