在jQueryUI自动完成回调中访问JSON响应数据

Question

我正在使用jQueryUI自动完成功能来搜索MySQL数据库。 当用户在搜索字段中按Enter键时，我想用从DB返回的结果填充div。

该代码有效，并且确实返回建议的自动完成列表。

但是，我无法理解如何使用select:函数中返回的JSON数据，例如访问JSON对象中返回的title和author字段。 请参阅jQuery代码示例中指示的alert（）行。

ui.item警报为[object Object]

ui.item.title警报为未定义。

我还能尝试什么？
另外，该item是否正确使用标签？ 如果是这样，为什么？ 这是从哪里来的（我使用了item因为在我审阅的几个示例中一直使用它。）

我的jQuery：

$('#srxbks').autocomplete({
    source: "autocomplete_test.php",
    minLength: 1,
    select: function( event, ui ) {
        alert('You chose: ' + ui.item);   <=== THIS LINE <===
        var out = 'Title: ' + ui.item.title + '<br>';
        out += 'Author: ' + ui.item.author + '<br>';
        $('.booksTableDIV').val(out);
    }
});

我的PHP：

<?php
include 'connect.php';

$term = strip_tags($_GET['term']);//retrieve search term sent by autocomplete

$qstring = "SELECT * FROM `books` WHERE `title` LIKE '%" .$term. "%'";
$query = mysql_query($qstring) or die(mysql_error());

while ($row = mysql_fetch_array($query)) {
    $row['title']=htmlentities(stripslashes($row['title']));
    $row['bid']=(int)$row['bid'];
    $row_set[] = $row['title'];
}
echo json_encode($row_set);

Answer 1

不知道JSON响应是什么，很难给出确切的答案。

正如您注意到的那样，使用Alert并不是查看javascript对象的好方法。 尝试使用console.log在浏览器的开发人员控制台中检查对象。 这将帮助您找到正确的语法。

要访问开发者控制台...

• ...在Chrome浏览器的菜单中，转到查看>开发人员工具
• ...在Firefox的菜单中，转到工具> Web开发人员> Web控制台
• ...在IE中，...不确定...我现在在Mac上。 应该是上面的样子。 我认为F12也可以访问

在每种情况下，都应该有一个控制台选项卡，以查看使用console.log记录的日志消息。

我怀疑您只需要执行ui.item[0]或ui.item.title ...但同样，我无法确定没有JSON数据。