實現使用的mysqli和PHP和jQuery

如何使用AJAX PHP和mysqli的，而無需使用任何按鈕，開始讀數據庫數據Ajax功能？當我向表中添加一行時，我希望在頁面上顯示信息而不加載/刷新頁面或單擊按鈕。我可以這樣做嗎？實現使用的mysqli和PHP和jQuery

而這個信息將出現如下圖所示

PHP代碼

<?php 
if (isset($_GET['id'])) { 
    $id = intval($_GET['id']); 
    $date = date("l jS \of F Y"); 
    $query = mysqli_query($conn, "select * from tbl_dailyprogress where db_activityid='$id' and db_d='1'")or die(mysqli_error($conn)); 
    $count = mysqli_num_rows($query); 
    if ($count != 0) { 
    echo"<table class='ol-md-12 table-bordered table-striped table-condensed cf table-bordered' id='alternatecolor'>"; 
     echo"<thead class='cf'>"; 
     echo"<tr>"; 
     echo" <th style='background:#f7ac01;font-size:16px;vertical-align: middle;text-align:center'rowspan='2' >Date</th> 
       <th style='background:#f7ac01;font-size:16px;vertical-align: middle;text-align:center'rowspan='2' >Notes</th>   
       <th style='background:#f7ac01;font-size:16px;vertical-align: middle;text-align:center'rowspan='2' >Progress %</th> 
      "; 
     echo"</tr></thead><tbody>"; 
     while ($row = mysqli_fetch_array($query)) { 
     $idp = $row['db_id']; 
     $date = $row['db_date']; 
     $note = $row['db_note']; 
     $progress = $row['db_progress']; 
     echo"<tr>"; 
     echo"<td data-title='Date'>"; 
     echo $date; 
     echo"</td>"; 
     echo"<td data-title='Note'>"; 
     echo $note; 
     echo"</td>"; 
     echo"<td data-title='Progress %'>"; 
     echo' 
     <div class="progress"> 
      <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:' . $progress . '%"> 
      ' . $progress . '% 
      </div> 
     </div>'; 
     echo"</td>"; 
     } 
     echo"</tr></tbody>"; 
    echo"</table>"; 
    echo"<br/>"; 
    }?>

來源

2016-07-22 user3018000

使用jQuery阿賈克斯 – Deep

我不知道你的意思。你想要在用戶添加行時自動添加行？如果用戶在瀏覽器中添加一行，爲什麼需要查詢數據庫獲取更多行？您已在瀏覽器中擁有新行。 – BeetleJuice

我該怎麼辦，我沒有與經驗，如果你能幫助我PLZ – user3018000

簡單的例子代碼，以免假設你怎麼加載您從頁面my_data在容器div標籤<div id="container"></div>數據。 PHP

$(document).ready(function(){ 
    $("#container").load("my_data.php"); 
});

來源

2016-07-22 09:25:16

的頁面，請在頁面my_data.php如何把我的PHP代碼工作正確 – user3018000

我dint讓你知道你說什麼......只有你需要指定你要訪問的URL。 –

謝謝你的工作:) – user3018000

在理論上是不可能趕上在服務器端的事件發生。

在實踐中，通過發送請求到服務器並得到響應完成。

所有你需要的僅僅是週期性發送用ajax有一定的要求。如果數據庫中有新的信息，Ajax會將其返回給客戶端。然後你可以處理它。

來源

2016-07-22 09:25:49

當你沒有經驗，我建議你請通過W3Schools的阿賈克斯PHP教程第一......在那裏，您將瞭解如何實現AJAX功能，還，你就會明白什麼阿賈克斯可以做，什麼阿賈克斯不能...

來源

2016-07-22 09:28:43

實現使用的mysqli和PHP和jQuery

回答

相關問題