クリック可能なHTMLテーブルがMySQLのinsert文を実行します（PHP、可能であればJavaScript）

Question

MySQLテーブルからの選択クエリ（First_name、Last_name、PhoneNumberの値を使用）によって読み込まれるHTMLテーブルがあります。 私が必要とするのは、これらの行をクリック可能にすることです。クリックすると、「Receivers_table（ReceiverNumber）値に挿入します（この行のPhoneNumber）」を実行します）。

Answer 1

一般的に、あなたは2つのことを実行する必要があります。

1. は、データベース操作を実行するサーバー側のPHPページを作るPHPでは、$_POSTまたは$_GETからReceiverNumberを読んで、SQLにその価値を置きます。クエリ、あなたのSQLライブラリの選択を使用して（生産では、 itize/SQL injectionを防止するための値を検証。）あなたが作成したPHPページにAjaxの呼び出しを行い、表の行へ

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

2. バインドclickイベントハンドラを。

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

あなたがしている場合：あなたは（<tr>タグID「receivertable」とテーブルにあり、番号の<td>細胞は、クラス「RECNUM」を持っていると仮定した場合）にjQueryで簡単に行うことができますjQueryを使用しない場合は、表の行にaddEventListener("click", function(){...})を使用し、XMLHttpRequestオブジェクトを作成してAjaxコールを実行できます。テーブル行からデータを取得するには、DOMトラバーサル（document.getElementById("receivertable").childNodes[2].textContentなど）を使用します。