通過php中的ajax顯示數據

Question

我想創建一個搜索功能。這個頁面已經有一些細節，我從數據庫中檢索div。我想當我點擊搜索按鈕時，隱藏所有檢索到的細節並顯示搜索到的細節。我爲它使用了ajax。現在問題是當我點擊搜索按鈕時，先前檢索到的數據是隱藏的，但不會顯示爲搜索結果。

<form action="../PHP/searchrmvvac.php" method="post"> 
        <div class="search hidden-xs hidden-sm"> 
         <input type="text" placeholder="Search" id="search" name="search"> 
        </div> 
        <div> 
         <input type="button" value="Search" id="searchrmvcom" name="searchrmvcom"> 
         <script> 
          $("#searchrmvcom").click(function() { 
           var comname=$('#search').val(); 
           $.ajax({ 
            type:"post", 
            url:"../PHP/searchrmvvac.php", 
            data:{comname:comname}, 
            success:function (data3) { 
             $('#rmvcomdiv').hide(); 
             $('#ela').html(data3) 
            } 
           }); 
          }); 
         </script> 
        </div> 
        </form> 

searchrmvvac.php

<?php 
    session_start(); 
    require('../PHP/dbconnection.php'); 
    $output=$_POST['comname']; 
    $sql="select * from company where company_name='$output' and activation_code=1"; 
    $res=mysqli_query($conn,$sql); 
    if(mysqli_num_rows($res)>0) { 
    echo ' 
while ($row = mysqli_fetch_assoc($res)) { 
    ?> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
    <table class="table table-striped table-bordered table-list"> 
     <thead> 

     <tr> 
      <th>Action</th> 
      <th>ID</th> 
      <th>Registration number</th> 
      <th>Company Name</th> 
      <th>Email</th> 
     </tr> 
     </thead> 
     <tbody> 

      <tr> 
       <td align="center"><button type="submit" class="btn btn-default myButton" value="$row['/companyid/']" id="accept" name="accept">Remove</button></td> 
       <td>$row['/companyid/']</td> 
       <td>$row['/government_reg_no/']</td> 
       <td>$row['/company_name/']</td> 
       <td>$row['/email/']</td> 
      </tr> 

     </tbody> 
    </table> 

    <?php 
} 
'; 
} 
?>[![enter image description here][1]][1] 

線27

<td align="center"><button type="submit" class="btn btn-default myButton" value="$row['/companyid/']" id="accept" name="accept">Remove</button></td> 

Answer 1

有你的代碼一些問題，如：

• 你沒有在你的代碼中包含/引用任何jQuery庫，所以$("#searchrmvcom").click(...首先不起作用。
• 把你的JavaScript/jQuery代碼嵌入到你的HTML表單中並沒有意義，而是將它們分開。
• searchrmvvac.php頁面中沒有JavaScript/jQuery代碼，所以在這裏沒有必要包含jQuery庫。
• 您以錯誤的方式將PHP變量$row['...']嵌入HTML表格中。加上你錯誤的方式。

你的表單頁面會是這樣的：

<form action="../PHP/searchrmvvac.php" method="post"> 
    <div class="search hidden-xs hidden-sm"> 
     <input type="text" placeholder="Search" id="search" name="search"> 
    </div> 
    <div> 
     <input type="button" value="Search" id="searchrmvcom" name="searchrmvcom"> 
    </div> 
</form> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
<script> 
    $("#searchrmvcom").click(function() { 
     var comname=$('#search').val(); 
     $.ajax({ 
      type:"post", 
      url:"../PHP/searchrmvvac.php", 
      data:{comname:comname}, 
      success:function (data3) { 
       $('#rmvcomdiv').hide(); 
       $('#ela').html(data3) 
      } 
     }); 
    }); 
</script> 

隨後，您searchrmvvac.php頁面會是這樣的：

<?php 
    session_start(); 
    require('../PHP/dbconnection.php'); 
    $output=$_POST['comname']; 
    $sql="select * from company where company_name='$output' and activation_code=1"; 
    $res=mysqli_query($conn,$sql); 
    if(mysqli_num_rows($res)>0) { 
     while ($row = mysqli_fetch_assoc($res)) { 
      ?> 
      <table class="table table-striped table-bordered table-list"> 
       <thead> 

       <tr> 
        <th>Action</th> 
        <th>ID</th> 
        <th>Registration number</th> 
        <th>Company Name</th> 
        <th>Email</th> 
       </tr> 
       </thead> 
       <tbody> 

        <tr> 
         <td align="center"><button type="submit" class="btn btn-default myButton" value="<?php echo $row['companyid']; ?>" id="accept" name="accept">Remove</button></td> 
         <td><?php echo $row['companyid']; ?></td> 
         <td><?php echo $row['government_reg_no']; ?></td> 
         <td><?php echo $row['company_name']; ?></td> 
         <td><?php echo $row['email']; ?></td> 
        </tr> 

       </tbody> 
      </table> 
      <?php 
     } 
    } 
?> 

---

旁註：瞭解大約prepared statement因爲現在你的查詢易感e到SQL注入攻擊。另見how you can prevent SQL injection in PHP。