引导程序typeahead未显示AJAX结果

引导程序typeahead未显示AJAX结果,ajax,bootstrap-typeahead,Ajax,Bootstrap Typeahead,在提问之前,我想说这不是一个重复的话题。我已经试过: “叉子 一个 代码 …还有很多其他的,我也读了很多问答,但没有一个是我想要的。 我尝试的所有方法都适用于预定义的字符串源,但当我执行下一步:AJAX远程源时,它只是在下拉列表中没有显示任何结果。 更新-我的代码(不明白为什么投反对票。写得好,结构也很好;) html文件 $('#myElement')。请提前键入({ ajax:“/php/ajax.php” }); [...] ajax.php文件: 投反对票的人,即使不知道正确答案

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

  • “叉子
  • 一个
  • 代码
…还有很多其他的,我也读了很多问答,但没有一个是我想要的。

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

更新-我的代码(不明白为什么投反对票。写得好,结构也很好;)

html文件


$('#myElement')。请提前键入({
ajax:“/php/ajax.php”
});
[...]
ajax.php文件:


投反对票的人,即使不知道正确答案,也应该三思而后行。如果有人需要一个真正漂亮的/有效的/神奇的自动完成脚本,我们可以:

说明:这将向文本字段添加建议值的下拉菜单。用户可以直接单击建议将其输入字段,也可以使用向上和向下箭头键浏览列表,使用enter键选择值。建议列表的值将以XML或JSON(通过PHP脚本或类似方式)的形式提供


感谢那些让负面观点消失的人;)

在php文件中设置json的头 使用
标题('Content-Type:application/json')


有关标题的更多信息,请访问广告,例如

AJAX结果的
urlencode(mySource)
输出是什么?@PraveenKumar Hi,感谢您的帮助。结果是:
%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我用自己的完整代码更新了它。(它使用罗森的叉子)
<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>
[...]
<?php
echo "[{ id: 1, name: 'Terry'}, { id: 2, name: 'Mark'}, { id: 3, name: 'Jack'}]";
?>