javascript - 我怎样才能使这个 ajax 代码适用于任何类型的 html 文件
问题描述
我有一个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 包含什么。他们有什么办法可以将数据附加到它吗?
解决方案
如果您在成功的 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 标签。
推荐阅读
- knockout.js - KnockoutJS 如何在数据绑定期间绑定 select 的更改事件而不触发?
- php - 如何检查 IPv6 是否介于 2 个(最小和最大)IPv6 地址的两个范围之间
- android - 按下后退按钮时如何阻止活动重新启动?
- php - 在 laravel 中检索 json 数据时遇到问题
- flutter - MaterialButton onPressed 区域在使用分数平移时被剪裁
- c# - 在我的视图中访问我的推荐中的项目
- java - 在准备好的语句中使用无效表
- c# - 如何在 C# 中随时间减少浮点值?
- tensorflow - Uncaught SyntaxError: Unexpected token * chrome extension tensorflow
- android - 将服务器移动到不同 IP 后 Android App 用户的 CertPathValidatorException