Javascript Jquery UI自动完成显示所有数据

我正在使用JQuery的autocomplete小部件使用JSON进行解析，但不起作用，显示所有JSON数据

请帮帮我

这是我的剧本：

$(function() {    
    $( "#test2" ).autocomplete({
        source: function( request, response ) {
            $.ajax({
                url: "http://some_link/folder/file.json",
                dataType: "json",
                data: {terms: request.term},
                success: function( data ) {
                    response( $.map( data, function( item ) {
                        return {
                            label: item.city+' ('+item.country_name+'), '+item.currency,
                            value: item.city
                        }
                    }));
                }
            });
        },
        minLength: 2,


    });
});

这是json

[{"country_name":"DENMARK","city":"Aalborg","currency":"EUR"},{"country_name":"DENMARK","city":"Aarhus","currency":"EUR"}]

这是html

<div class="form-box">
    <center><label style="color:white;">City <small>*</small></label></center>
    <input type="text" class="text" id="test2" placeholder="Your City">
  </div><!-- End Box -->

请帮忙

---

TNX看起来好像没有对请求的json文件应用筛选器。你得到了整个文件。我目前假设您提到的json文件是一个简单的json文件，也就是说，它没有创建它的服务器端代码

您可以做两件事：修改$.map中的返回函数，以便删除所有未满足筛选条件的值，即，可以删除不包含给定文本部分的城市。为了找出哪些值符合您的标准，您可以使用以下简单的方法

---

或者b您可以使用一些服务器语言（如PHP、Java、C等）创建JSOn服务器端，在那里，您可以读取在$.ajax上传递数据的terms参数，并通过服务器端执行过滤。然后，您只需要返回实际符合条件的值。

试试这个：$.parseJSONdata。如果这不起作用，请尝试先执行json字符串化，然后再解析json。