使用 Mysqli 和 PHP 和 jQuery 实现 ajax 功能答案

【问题标题】：Implementing ajax functionality using Mysqli And PHP and jQuery使用 Mysqli 和 PHP 和 jQuery 实现 ajax 功能
【发布时间】：2016-11-26 03:18:36
【问题描述】：

如何使用 ajax php 和 mysqli 从我的数据库中读取数据不使用任何按钮？当我在表格中添加一行时，我希望信息显示在页面上而不加载/刷新页面或单击按钮。我可以这样做吗？

这些信息会像下面的代码一样出现

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/>";
  }?>

【问题讨论】：

在 Ajax 中使用 jQuery
我不确定你的意思。您希望在用户添加行时自动添加行吗？如果用户在浏览器中添加一行，为什么需要查询数据库以获取更多行？您已经在浏览器中找到了新行。
如果你能帮助我，我怎么能做到这一点，我没有这方面的经验
如果你想要它而不刷新页面，那么你必须进行 ajax 调用来呈现表格。
您的网站中是否有任何控制器？你的意思是当你在你的数据库中插入一些东西来发出请求并显示插入的数据？

标签： php jquery ajax mysqli

【解决方案1】：

简单的例子，以免你假设你从页面 my_data.php 的容器 div 标签<div id="container"></div> 中加载数据

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

【讨论】：

请在页面 my_data.php 如何让我的 php 代码正常工作
我听不懂你说什么...只需要指定要访问的 URL。

【解决方案2】：

理论上不可能捕捉到服务器端发生的事件。

实际上，它是通过向服务器发送请求并获得响应来完成的。

您只需要定期使用 ajax 发送一些请求。如果数据库中有新信息，ajax 会将其返回给客户端。然后你可以处理它。

【讨论】：

【解决方案3】：

由于您没有经验，我建议您先阅读 w3schools Ajax PHP 教程...在那里您将了解如何实现 ajax 功能，并且您将了解 Ajax 可以做什么以及 Ajax 不能做什么。 ..

【讨论】：