Jquery Typeahead远程数据不显示在文本字段中,但本地数据有效
已经尝试了一段时间,但找不到答案。Typeahead可用于本地数据,但不能用于远程数据。虽然我在控制台中看到了请求,但它不会将任何数据返回到typeahead中 在控制台中键入时,我得到:Jquery Typeahead远程数据不显示在文本字段中,但本地数据有效,jquery,typeahead.js,typeahead,bootstrap-typeahead,bloodhound,Jquery,Typeahead.js,Typeahead,Bootstrap Typeahead,Bloodhound,已经尝试了一段时间,但找不到答案。Typeahead可用于本地数据,但不能用于远程数据。虽然我在控制台中看到了请求,但它不会将任何数据返回到typeahead中 在控制台中键入时,我得到: XHR finished loading: GET "http://mypath/msqCity.php?City=ne" XHR finished loading: GET "http://mypath/msqCity.php?City=new" 等我打字的时候。但是,在typeahead字段中没有任何内
XHR finished loading: GET "http://mypath/msqCity.php?City=ne"
XHR finished loading: GET "http://mypath/msqCity.php?City=new"
等我打字的时候。但是,在typeahead字段中没有任何内容
我有一个PHP页面,上面有一个查询。查询页面工作正常并返回数据。我注意到数组的键值用双引号而不是单引号表示
我在结果和输出上使用json_编码
[{"City":"New York","StateProvince":"NY","Country":"US"},
{"City":"Newton","StateProvince":"MA","Country":"US"},
{"City":"New Orleans","StateProvince":"LA","Country":"US"}...]
我已尝试停止双引号并获得:
[{City:"New York",StateProvince:"NY",Country:"US"},
{City:"Newton",StateProvince:"MA",Country:"US"},
{City:"New Orleans",StateProvince:"LA",Country:"US"}...]
这两个都不能远程工作
如果我把数据放在本地的typeahead上,并在其中粘贴一些记录,它就会工作
<body>
<div id="remote">
<input class="typeahead" type="text" placeholder="Enter City">
</div>
<script type="text/javascript">
var cities = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('City'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
/* local: [{
City: 'Hartford',
StateProvince: 'CT',
Country : 'US'
},
{
City: 'Trumbull',
StateProvince: 'CT',
Country: 'US'
},
{
City: 'New York',
StateProvince: 'NY',
Country: 'US'
},
{
City: 'New Britain',
StateProvince: 'CT',
Country: 'US'
}
]}); */
prefetch: 'ScriptLibrary/msqCity.php',
remote: {
url: 'ScriptLibrary/msqCity.php?City=%QUERY',
wildcard: '%QUERY'
}
});
$('#remote .typeahead').typeahead(null, {
name: 'City',
display: 'City',
source: cities
});
</script>
</body>
任何指导都将不胜感激。问题在于,该查询位于带有html的php页面中。我去掉了所有的html,只留下了查询,现在一切都好了