phpとmysqliを使用してデータベースから動的に作成されたテーブル（html）の行にデータを挿入する方法

Question

データベースがレコードでいっぱいです。特定の名前を検索するときに動的に作成されるテーブルにそのデータをフェッチして表示しようとしています。

私のhtmlコードがある

<form class="formm" method="POST" action=""> 

      <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12"> 
        <input type="text" name="name" id="nameee" placeholder="Name" /> 
      </div> 
      <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12"> 
        <input type="text" name="vNum" id="vNum" placeholder="Voucher Number" onkeypress='return event.charCode >= 48 && event.charCode <= 57' maxlength="7" /> 
      </div> 
      <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12"> 
        <input type="text" name="cnic" id="cnic" placeholder="CNIC Number - (4444455555556)" onkeypress='return event.charCode >= 48 && event.charCode <= 57' maxlength="13" /> 
      </div> 

      <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12"> 
        <input type="submit" class="submit" value="button" name="search" id="search" onclick="myFunction()"> 
      </div> 
</form> 


<div class="row" id="tableDiv"> 
     <div class="col-lg-12"> 
     <table id="Resulttable" class="table table-hover table-mc-light-blue"> 
      <thead> 
      <tr> 
       <th>ID</th> 
       <th>Name</th> 
       <th>Voucher Number</th> 
       <th>Cnic Number</th> 
       <th>Phone Number</th> 
      </tr> 
      </thead> 
      <tbody> 

      </tbody> 
     </table> 
     </div>  
</div> 

私のPHPコードは、このコードは、データをフェッチし、左上隅のページにあるとして、それを表示する

<?php 
$servername = "localhost"; 
$username = "root"; 
$password = ""; 
$dbname = "dany"; 
$rowc_name; 
$rowc_id; 
$rowc_cnic; 
// Create connection 
$conn = new mysqli($servername, $username, $password, $dbname); 
// Check connection 
if ($conn->connect_error) { 
    die("Connection failed: " . $conn->connect_error); 
} 

$sql = "SELECT c_name, c_cnic, c_id FROM customer"; 
$result = $conn->query($sql); 
if ($result->num_rows > 0) { 
// output data of each row 

while($row = $result->fetch_assoc()) { 
    $rowc_name = $row["c_name"]; 
    $rowc_id = $row["c_id"]; 
    $rowc_cnic = $row["c_cnic"]; 
    echo "<br> id: ". $row["c_id"]. " - Name: ". $row["c_name"]. " " . $row["c_cnic"] . "<br>"; 


    } 
} else { 
    echo "0 results"; 
} 

$conn->close(); 
?> 

です。 問題は次のとおりです。 imはテーブルセルに読み込むことができません。

"私のフォームの検索ボタン"をクリックすると、この情報が表に挿入されるjavascript関数を書くことはできません。

検索ボタンがクリックされたときにトリガされるjavascript関数を推測すると、テキストボックスに入力された値に従ってデータベースからエントリがフェッチされ、テーブルに表示されます。

データベースには同じ名前のエントリが複数存在する可能性があることに注意してください。

Answer 1

これを行うには、ajaxを使用する必要があります。これを行うためにjQueryを使用すると非常に簡単です。たとえば、あなたが実行することができ、簡単なコード：

$("button").click(function(){ 
    $.ajax({url: "yourphpcode.php", success: function(result){ 
    // You can do your work with result 
    }}); 
}); 

あなたはhere

からより多くの例を見ることができます