使用 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。

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

希望它对你有用。