使用json和javascript填充表格

Question

我正在使用php來獲取要從中創建表的數據庫查詢。 我想將查詢結果放入json對象，然后從那里使用javascript將結果輸出到表中。 我使用json_encode在php中創建json對象。

我對javascript很陌生，所以對於如何將創建的json對象發送到javascript，然后使用javascript輸出結果感到有些困惑？ 我應該在與php頁面相同的文件中包含javascript還是在另一個頁面中包含JavaScript？

如果您可以解釋自己在做什么，那真是太棒了，因為我真的很想知道每一步都在做什么。

這是我到目前為止的內容：

<?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。

這將確保在初始頁面加載后填充動態數據時，頁面加載速度更快。

希望對你有效。