ajax数据包没有响应

Question

我正在使用ajax通过数据库获取数据，但我有点困惑如何在这里显示删除按钮。这是我的ajax代码。

var ajax = new XMLHttpRequest();
ajax.open("GET", "ajax/fetch_notify.php", true);
ajax.send();

ajax.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var data = JSON.parse(this.responseText);
console.log(data);

var html = "";
var delete_notify = $('#delete_notify')
for(var a = 0; a < data.length; a++) {
var id = data[a].id;
var date = data[a].date;
var notify_alert = data[a].notify_alert;
var fa_icon = data[a].fa_icon;
var bg_color = data[a].bg_color;
html += "<tr>";
html += "<td>" + id + "</td>";
html += "<td>" + date + "</td>";
html += "<td>" + notify_alert + "</td>";
html += "<td>" + fa_icon + "</td>";
html += "<td>" + bg_color + "</td>";
html += "<td>" + delete_notify+ "</td>";
html += "</tr>";
}
document.getElementById("data").innerHTML += html;
}
};

这是我的删除按钮代码。

<td>
<form action="" method="POST">
<input type="hidden" id="notify_id" name="notify_id" value="<?php echo $row['id'];?>">
<button type="submit" id="delete_notify" name="delete_notify" class="btn btn-danger"><i class="fa fa-trash" aria-hidden="true"></i></button></form>
</td>

Answer 1

然而，我不清楚您的代码，根据我对您代码的假设，我可能会建议。

$('#delete_notify') 

这是一个只访问此按钮的jquery代码

<button type="submit" id="delete_notify" name="delete_notify" class="btn btn-danger"><i class="fa fa-trash" aria-hidden="true"></i></button>

您应该将按钮放在表单中，以便提交表单。