Кликабельная таблица HTML выполняет оператор вставки MySQL (PHP, возможно JavaScript)

Question

У меня есть HTML-таблица, которая заполняется запросом выбора из таблицы MySQL (с использованием значений First_name, Last_name, PhoneNumber).

Что мне нужно, чтобы эти строки были кликабельными, и после нажатия на них выполнить «Вставить в receivers_table (ReceiverNumber) значения (PhoneNumber из указанной строки), как мне это сделать?

Answer 1

Как правило, вам нужно сделать две вещи:

1. Создать серверную PHP-страницу, которая выполняет операцию с базой данных.В PHP прочитайте ReceiverNumber из $_POST или $_GET и поместите это значение в запрос SQL, используя выбранную вами библиотеку SQL.(В производственном режиме убедитесь, что вы очищаете / проверяете значение, чтобы предотвратить SQL-инъекцию .)

   $phonenum = $_POST['PhoneNumber'];
   //do validation, submit SQL query to DB...
   

2. Привязать click обработчики событий к строкам таблицысделайте Ajax-вызов на созданную вами страницу PHP.Это легко сделать в jQuery (при условии, что теги <tr> находятся в таблице с идентификатором «receivetable», а ячейки <td> с номерами имеют класс «recnum»):

   $("#receivertable tr").bind("click", function() {
       $.post('newreceiver.php', {
           PhoneNumber: $(this).children("td.recnum").text()
       });
   });
   

Если вы не используете jQuery, вы можете использовать addEventListener("click", function(){...}) в строках таблицы и создать объект XMLHttpRequest для выполнения вызова Ajax.Получение данных из строки таблицы осуществляется через обход DOM, например, document.getElementById("receivertable").childNodes[2].textContent.