Вы можете сделать это по-разному, но в обоих случаях вам нужно иметь готовый php-файл и хранить его на своем сервере, где он может быть запущен. Затем вам нужно найти URL-адрес вашего php-файла, поэтому, если ваш php-файл называется Script.php, тогда ваш url-адрес localhost / Script.php вы можете подтвердить это, введя URL-адрес в браузере и увидев, появляется ли ошибка 404. или нет.
Как только вы нашли свой URL, мы можем начать с подачи вашего запроса. Итак, вот план, вы отправите некоторую информацию из вашего html / js в ваш php-код. Затем ваш php-код подключится к базе данных и запустит ваш sql. Поэтому, чтобы отправить информацию в php, вы можете использовать метод отправки сообщения, например:
<form action="localhost/script.php" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Или вы можете использовать AJAX, как вы использовали в примере выше. Тем не менее, если вы собираетесь использовать AJAX, вам нужно изменить код следующим образом:
$(function () {
$('form').on('submit', function (e) {
e.preventDefault();
$.post("localhost/script.php", {
// these are the data you are passing you will to find a way to get them from the input boxes
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
//this is the data you are getting back and you need to find a way to put them in a table
alert("Data: " + data + "\nStatus: " + status);
});
});
});
Если вы собираетесь использовать метод post-формы, то вам понадобится, чтобы ваш php-скрипт отобразил вашу таблицу и поместил в нее данные.
Есть и другие способы сделать это, но это должно помочь вам начать
Источники для дополнительной информации:
https://www.w3schools.com/tags/tag_form.asp
https://www.w3schools.com/jquery/jquery_ajax_get_post.asp