Javascript jQuery ui使用JSON文件自动完成
我在让autocomplete专门处理json文件时遇到了一些问题。信息技术 在文本框中输入内容时给出以下错误 url未定义 下面是我的jQuery代码Javascript jQuery ui使用JSON文件自动完成,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我在让autocomplete专门处理json文件时遇到了一些问题。信息技术 在文本框中输入内容时给出以下错误 url未定义 下面是我的jQuery代码 $(document).ready(function() { $('#autocomplete').autocomplete({ minChars: 1, source: function(request, response) { var url='dataa.json'; $.getJ
$(document).ready(function() {
$('#autocomplete').autocomplete({
minChars: 1,
source: function(request, response) {
var url='dataa.json';
$.getJSON(url,{term: request.term},function(data){
response($.map(data.ledgers, function(item) {
return item.value;
}));
})
}
});
});
还有JSON
{
"ledgers":
[
{
"id":"2001",
"name":"Bharat"
},
{
"id":"2003",
"name":"Gaurav"
},
{
"id":"2002",
"name":"Pankaj"
},
{
"id":"2022",
"name":"Purchase"
},
{
"id":"2007",
"name":"Ram"
},
{
"id":"2008",
"name":"Ramesh"
},
{
"id":"2009",
"name":"Suresh"
}
]}
尝试在$(文档).ready()的顶部添加。这可能会指出问题所在
return item.value;
项目
没有值
,请尝试返回它确实具有的id
或名称
。您需要包含值
或标签
(或两者兼有)。将name
更改为value
,应该可以正常工作
$('#autocomplete').autocomplete({
minChars: 1,
source: function(request, response) {
var url='dataa.json';
$.getJSON(url,{term: request.term},function(data){
response($.map(data.ledgers, function (value, key) {
return {
label: value,
value: key
};
}));
})
}
});
我用您提供的代码准备了这个页面,它可以正常工作。在Chrome中尝试过,不确定其他浏览器是否会有任何不同。您是否像我一样尝试与主应用程序隔离使用此脚本?您的代码不会引发任何错误