$.jquery ajax 返回的数据 (json) 显示为“未定义”答案

【问题标题】：$.jquery ajax returned data (json) displays as 'undefined'$.jquery ajax 返回的数据 (json) 显示为“未定义”
【发布时间】：2012-04-20 05:17:39
【问题描述】：

这里我有一个简单的 php 脚本，它以 json 格式显示数据库中的一些值。

$source = $_GET['source'];

$query = mysql_query("SELECT * FROM images WHERE big_thumb = '" . $source . "'");

$results = array();

while($row = mysql_fetch_array($query))
{
   $results[] = array(
      'title' => $row['title'],
      'date' => $row['upload_date'],
      'time' => $row['upload_time']
   );
}

$json = json_encode($results);

echo $json;

这显示正常，这是一个输出示例：

[{"title":"Torus","date":"2012-04-04","time":"23:06:14"}]

然后，当单击图像时，将调用此 jquery：

var image_src = $(this).attr("alt"); // <= This works fine

    $.ajax({
        url: 'inc/get_image_details.php',
        data: {source : image_src},
        dataType: "json",
        success: function(data)
        {
            title = data.title;
            alert(title);

            date = data.date;
            alert(date);

            time = data.time;
            alert(time);
        }
    });

但是，（标题、日期和时间）变量在警告框中显示为“未定义”。我尝试了多种实现ajax调用的方法，每次都发生同样的事情。这是我第一次尝试，但我想不通。

【问题讨论】：

您是否为您的 PHP 脚本使用了正确的标头？ header('Content-Type: application/json');

标签： jquery ajax json

【解决方案1】：

您的 json 字符串具有数组格式。您需要像这样访问 json 对象属性

title = data[0].title;
alert(title);

date = data[0].date;
alert(date);

time = data[0].time;
alert(time);

如果你控制了json格式，不需要数组，就用这个格式的json对象。

{"title":"Torus","date":"2012-04-04","time":"23:06:14"}

在这种情况下，您可以保持代码不变。

【讨论】：