Я пытаюсь создать кнопки для каждого элемента, показанного в списке из моей базы данных.в настоящее время у меня есть список, отображаемый с помощью Ajax в файл PHP.
Дополнительная информация: В настоящее время этот код извлекает и перечисляет все вопросы из базы данных SQL.для каждого значения в списке код отображает его в классе div "DOM".Я хотел бы включить кнопку, которая ссылается на advice.html для каждого элемента в списке.
HTML:
<body>
<!--output of the json-->
<div>
<!--set the id to DOM to show output-->
<div id="DOM">
</div>
</div>
<a href="insert.html">insert</a>
<a href="delete.html">delete</a>
<a href="index.html">show data</a>
<a href="login.html">login</a>
<a href="register.html">register</a>
</body>
Javascript:
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
url: "http://localhost/api/fetchdata.php",
type: "POST",
dataType: "json",
data: "param=no",
//on success it will call this function
success: function (data) {
var DOM = $('#DOM');
$.each(data, function (key, value) {
DOM.append("<h3>" + value.Subject + "</h3><p>" + value.Description + "</p>", $('<input type="button" href="localhost/advice.html" value="respond">')););
});
//if fail it will give this error
}, error: function (e) {
alert("failed to work");
}
});
});
</script>