php - 如何在 JavaScript 中访问这个关联数组？

Question

我有一个 php 文件，我正在其中从数据库中提取数据，并且我想在 javascript 中访问其内容。当我尝试使用 data[0].card_id 访问数组时，我得到“未定义”。

这是我的 JavaScript

$(document).ready(function() {
  var userId = 1;
  var updateUrl;

  $.ajax({
    type: "POST",
    url: "url",
    data: {userId: userId},
    success: function(data) {
      alert(data[0].card_id);
      var suffix = ".html";
      fb.start('../Animations/' + updateUrl[0].card_id + suffix); 
    }
  });
}

这是我的 php 文件

<?php

include('connect.php');

$user_id = $_POST['userId'];

$db = mysqli_connect($dbhost, $dbuser, $dbpass, $dbname);
// Check connection
if (mysqli_connect_errno()) {
    echo "Failed to connect to MySQL";
}

$select = "SELECT card_id FROM decks WHERE id=$user_id ORDER BY order_num";
$result = mysqli_query($db, $select);

while ($row = mysqli_fetch_array($result, MYSQL_ASSOC)) {
    $animation[] = array(
        'card_id' => $row['card_id'],
    );
}

json_encode($animation);
echo $animation;
mysqli_close($db);
?>

数组包含以下数据

数组( [0] => 吃 [1] => 木乃伊

等等..)

Answer 1

你有两个问题。

首先:您没有对 json_encode 的返回值执行任何操作。

第二:PHP 声称它正在发送回 HTML，因此无论如何它都不会被解析为 JSON。

header("Content-Type: application/json");
echo json_encode($animation);