Question

我有一个 ajax 调用，它将从数据库中获取一些数据，我必须将这些数据加载到html文件中。但是，问题是我有不同的html文件，并且我不知道html文件的内容

我已经尝试了2-3天左右，并且已经搜索了将数据附加到html文件的其他方法。我对代码进行了一些更改。请假设代码运行正常。谢谢。

  $.ajax({
            type: "GET",
            url:  "api/dataFromDataBase",
            success: function (data) {
                tableHead = data[0].split("?");//contains data from database
                $("#databaseContent").append("<tr>");
                for (var i = 0; i < 80; i++) {
                    $("#databaseContent").append("<th>" + tableHead[i] + "</th>");
                }
                $("#tableHeading").append("</tr>");
                tableHead += data[0]; 
                $("#FromHtml").append(data[1]);
            },   
        });

该文件中的

#databaseContent是html中的 id ，因此我可以轻松地附加数据。但我不知道html包含什么。我可以用任何方式向其附加数据吗？

Answer 1

如果在成功的Ajax调用中没有注入点。您可以将整个表格附加到html页的末尾。

// all of this within the success call of the AJAX
var tableHead = data[0].split("?");//contains data from database
var tableEle = document.createElement("table");
var tableBody = document.createElement("tbody");

var tableTr = document.createElement("tr");
for (var i = 0; i < 80; i++) {
  var cell = document.createElement("th");
  var cellText = document.createTextNode(tableHead[i]);
  cell.appendChild(cellText);
  row.appendChild(cell);
}
tableBody.appendChild(tableTr);
tableEle.appendChild(tableBody);
document.body.appendChild(tableEle);

我们在这里试图做的是，创建一个表元素，并在循环中创建表的内容，最后，我们将新创建的表附加到 “ document.body”。这应该适用于所有html，因为所有html页面都具有body标签。

我怎样才能使此ajax代码与任何类型的html文件一起工作

1 个答案: