Bootstrap typeahead不显示AJAX结果

时间:2013-01-30 16:43:24

标签: ajax bootstrap-typeahead

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

......以及其他许多人,我也阅读了很多 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问题,因为它在其他情况下在同一台机器上工作 我可以尝试修理它吗?几天后我真的崩溃了。谢谢你的阅读。

2 个答案:

答案 0 :(得分:5)

在不知道正确答案的情况下投票否定的人应该先行动一下。如果有人需要一个真正的漂亮/工作/魔术自动完成脚本,那么请去:

Real good Autocomplete Script

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

感谢那些使负面消失的人;)

答案 1 :(得分:0)

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

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