javascript - 使用 json 和 javascript 填充表格

Question

我正在使用 php 来获取我想要从中创建表格的数据库查询。我想将查询结果放入 json 对象中，然后使用 javascript 将结果输出到表中。我使用 json_encode 在 php 中创建 json 对象。

我对 javascript 相当陌生，所以我有点困惑如何将我创建的 json 对象发送到 javascript，然后使用 javascript 输出结果？我应该将 javascript 包含在与 php 页面相同的文件中还是不同的文件中？

如果你能解释一下你在做什么，那就太棒了，因为我真的想知道每一步发生了什么。

这是我到目前为止所拥有的:

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";


 $conn = mysqli_connect($servername, $username, $password, $dbname);

 if (!$conn) {
   die("Connection failed: " . mysqli_connect_error());
}

 $sql = "SELECT Name,
          Location,
          ID,
          Price

         From ProdTable
         where ID>=2000";

 $encode=array();
 $result = mysqli_query($conn, $sql);
 while($row = mysqli_fetch_assoc($result)) {
     $encode[] = $row;
   }
 echo json_encode($encode);

?>

更新:所以我继续将 xyz.php 设置为我的后端页面，并创建了一个 main.php 用于显示结果。我从这个示例函数开始，以确保我的 jquery 正在从 xyz.php 页面获取结果。现在，我不知道如何使用 jquery 在表中显示结果。

这是我对 main.php 页面所做的操作:

      <?php

         ?>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script>
        $(document).ready(function(){
         $("button").click(function(){
         $("#div1").load("xyz.php");
          });
          });
        </script>

       <div id="div1"></div>
       <button>Show JSON Results</button>

Answer 1

你能做的是:

将 PHP 文件作为后端。这样，

xyz.php:

// PUT YOUR CODE HERE
$sql = "SELECT Name,
          Location,
          ID,
          Price    
         From ProdTable
         where ID>=2000";

 $encode=array();
 $result = mysqli_query($conn, $sql);
 while($row = mysqli_fetch_assoc($result)) {
     $encode[] = $row;
   }
echo json_encode($encode);
?>

并且应该可以从 URL 访问它。

例如:xyz.php?id=2000

现在，在要填充此数据的页面上，使用 jQuery

$.post

并操作这个 json。

这将确保您的页面加载速度更快，因为动态数据会在初始页面加载后填充。

希望它对您有用。