Bootstrap typeahead 不显示 AJAX 结果答案

【问题标题】：Bootstrap typeahead is not displaying AJAX resultsBootstrap typeahead 不显示 AJAX 结果
【发布时间】：2013-01-30 16:43:23
【问题描述】：

在问之前我想说这不是一个重复的话题。我已经尝试过：

Pwarelis'叉子
Tcrosen's一个
Gudbergur's代码

...还有很多其他的，我也阅读了很多 Q&A，但没有一个是我想要的。

我尝试的所有方法都适用于预定义的字符串源，但是当我执行下一步：AJAX 远程源时，它只是在下拉列表中没有显示任何结果。

更新 - 我的代码 （不明白为什么要投反对票。写得好，结构好；））

html 文件

<html>
<head>
<link href="./bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
</head>
<body>

<input id="myElement" class="typeahead" type="text">

<script src="./js/jquery.js"></script>
<script src="./bootstrap/js/bootstrap-typeahead.js"></script>
<script language="javascript">
$('#myElement').typeahead({
ajax: '/php/ajax.php'
});
</script>
[...]

ajax.php 文件：

<?php
echo "[{ id: 1, name: 'Terry'}, { id: 2, name: 'Mark'}, { id: 3, name: 'Jack'}]";
?>

这不是 AJAX 问题，因为它在同一台机器上的其他情况下也能正常工作。
我可以尝试解决什么问题？几天以来，我真的很崩溃。感谢阅读。

【问题讨论】：

AJAX 结果中urlencode(mySource) 的输出是什么？
@PraveenKumar 您好，感谢您的帮助。结果是这样的：%5B%7B+id%3A+1%2C+name%3A+%27Terry%27%7D%2C+%7B+id%3A+2%2C+name%3A+%27Mark%27%7D%2C+%7B+id%3A+3%2C+name%3A+%27Jacob%27%7D%5D
我怀疑它可能有一些 BOM 字符。但似乎并非如此。
能展示完整的AJAX实现代码吗？
@PraveenKumar 我用自己的完整代码更新了它。（它使用 tcrosen 的 fork）

标签： ajax bootstrap-typeahead

【解决方案1】：

投反对票甚至不知道正确答案的人应该在采取行动之前考虑一下。如果有人需要一个真正的好/工作/神奇的自动完成脚本，我去：

Real good Autocomplete Script

说明：这会将建议值的下拉菜单添加到文本字段。用户可以直接单击建议以将其输入到字段中，或者使用向上和向下箭头键浏览列表，使用回车键选择一个值。建议列表的值将作为 XML 或 JSON （通过 PHP 脚本或类似脚本）提供。

感谢那些让负分消失的人；）

【讨论】：

【解决方案2】：

嘿，在你的 php 文件中设置 json 的标题使用header('Content-Type: application/json');

有关标题的更多信息，请访问 here(stackoverflow question) 广告，例如 visit here(www.funnenjoy.com)

【讨论】：