Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery ui使用JSON文件自动完成_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript jQuery ui使用JSON文件自动完成

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

我在让autocomplete专门处理json文件时遇到了一些问题。信息技术 在文本框中输入内容时给出以下错误

url未定义

下面是我的jQuery代码

$(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中尝试过,不确定其他浏览器是否会有任何不同。您是否像我一样尝试与主应用程序隔离使用此脚本?您的代码不会引发任何错误