【问题标题】:Displaying JSON data created using PHP and MySQL显示使用 PHP 和 MySQL 创建的 JSON 数据
【发布时间】:2017-03-15 02:26:59
【问题描述】:

我在 HTML 页面上有一个表单,它将用户输入发布到 PHP,PHP 执行 SQL 语句以从数据库获取信息并以 JSON 格式输出。这是我获取 JSON 数据的 PHP 代码:

<?php

header('Content-type:application/json');

$con = mysqli_connect('localhost','root','','dbname');

if(isset($_POST['submit'])) 
    {
        $artist = $_POST['artist'];           

        $select = mysqli_query($con, "SELECT * FROM tblname WHERE artistName = ". $artist);

        $rows = array();

        while($row = mysqli_fetch_array($select))
        {
            $rows[] = $row;
        }

        echo json_encode($rows);
};

?>

当我在 HTML 页面上提交表单时,它会转到 PHP 页面并得到以下结果:

[{"0":"6","id":"6","1":"OASIS","artistName":"OASIS","2":"SOME MIGHT SAY","songTitle":"SOME MIGHT SAY","3":"1995-05-06","dateNo1":"1995-05-06"}]

(此问题的代码和 JSON 结果已简化)

我希望数据能够很好地显示在 HTML 页面上,而不是转到此页面,以便用户看不到此数组。我不确定如何做到这一点,有什么帮助吗?

谢谢!

【问题讨论】:

  • 遍历数组并在客户端创建 HTML。我建议这样做。使用 PHP 与 MySQL 交互来为您的 JavaScript AJAX 代码创建 JSON 是一种很好的做法。需要通过网络发送的数据会更少。

标签: javascript php jquery mysql json


【解决方案1】:

如果您希望输出格式正确,为什么要使用 JSON 编码? JSON 虽然是人类可读的,但并不打算作为最终产品呈现在屏幕上。

我建议遍历 $rows 数组并构建一个简单的 HTML 表格。当然,您可以将数据包装在您喜欢的任何标记中,甚至可以添加 CSS 来设置您认为合适的样式。下面是一个帮助您入门的示例:

echo "<table>";
foreach($rows as $row) {
  foreach($row as $key => $value) {
    echo "<tr>";
    echo "<td>";
    echo $key;
    echo "</td>";
    echo "<td>";
    echo $value;
    echo "</td>";
    echo "</tr>";
 }
}
echo "</table>";

如果您只想要 一些 呈现的数据,您可以简单地回显这些值:

  foreach($rows as $row) {
  {
    echo "Artist:" . $row['artistName'];
    echo "<br>";
    echo "Song Title:" . $row['songTitle'];
    echo "<br>";
    echo "Date:" . $row['dateNo1'];
  }

【讨论】:

    【解决方案2】:

    有两种方法可以解决这个问题

    1. 从 Javascript 对 PHP 页面执行 AJAX 调用,并将成功响应解析为 HTML。

    1. 按照Tim 的建议,只需在 PHP 页面中回显值或在 PHP 页面中添加 HTML 本身。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-08-30
      • 2018-06-08
      • 2019-01-10
      • 2014-09-08
      • 2020-04-08
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多