Как я могу заставить этот код AJAX работать с любым видом HTML-файла

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 - это id в html, так что я могу легко добавить данные.но я понятия не имею о том, что содержит 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.