Php to Json File 追加到 ul Ajax Jquery

Question

您好，我在我的 html 文件中将 PHP Json 文件附加到 ul 时遇到问题。我已经使用连接到 txt 文件的 data-url 完成了它，但我希望它连接到我的 Mysql 数据库。这是一个使用 data-url 的工作示例：

 $.ajax({
        url: $container.data("url")
      , dataType: "text"
      , success: function(data) {
        var persons= data.toString().split('\r\n');

        for (var i = 0; i < persons.length; i++) {
          var person = persons[i];
          person && $content.append("<li><b>" + person + "</b></li>");
        }

        $item           = $("#container ul li"),

        //Pre-caculate the count of items
        itemCount       = $item.size();
        //Clone the contents
        $content.append($content.html());
      }
    });

这是我尝试使用 Json 做的事情

$.ajax({
    type: 'GET',
    url: 'php/index.php',
    dataType: 'json',
 success: function(data) {
    $.each(data, function(i, item) {
       $content.append("<li><b>" + item.name + "</b></li>");
    });
});

这是连接到我的数据库的 PHP 文件：

<?php

$host    = 'localhost';
$db      = 'made';
$user    = 'root';
$pass    = '';
$charset = 'utf8';

$dsn = "mysql:host=$host;dbname=$db;charset=$charset";
$opt = [
        PDO::ATTR_ERRMODE            => PDO::ERRMODE_EXCEPTION,
        PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
        PDO::ATTR_EMULATE_PREPARES   => false,
        ];


$dbh = new PDO($dsn, $user, $pass, $opt);

$sql  = $dbh->query("SELECT name FROM employee");
$rows = array();
while ($row = $sql->fetchall()) {
    $rows[] = $row;
}
echo json_encode($rows);


?>

输出：

[[{"name":"JAMES, MARY A."},{"name":"CARDINAL, GRACE S."},{"name":"RAMON, CHELYND."},{"name":"APPLE, KATHRINE C."},{"name":"JOHNSON , WILSON J."},{"name":"BILL, ANDREW P."}]]

Answer 1

根据fetchAll()的文档：

PDOStatement::fetchAll() 返回一个数组，其中包含结果集中的所有剩余行。该数组将每一行表示为列值数组或具有与每个列名称对应的属性的对象。如果要获取的结果为零，则返回一个空数组，失败则返回 FALSE。

因此，您无需在此处执行循环。它最终创建了一个添加另一个数组的冗余循环。 （注意开头的[[ 吗？）只需编辑您的代码，然后删除循环：

$sql  = $dbh->query("SELECT name FROM employee");
$rows = $sql->fetchAll();
echo json_encode($rows);