如何使用JSON进行jQuery自动完成?

时间:2016-08-08 15:20:17

标签: javascript jquery json

以下JSON

{
  "partnerNameListBeanStruts2Map": [
    {
      "firstName": "sachin",
      "partnerId": 123
    },
    {
      "firstName": "Ankit",
      "partnerId": 234
    }
  ]
}

我应该用什么代码来完成jQuery autocompleter。

这是我的代码。

这里我想自动完成元素的值类似于sachin OR ankit,id就像123或234是元素的id。

$(document).ready(function() {
$(function() {
        $("#search").autocomplete({
        source : function(request, response) {
                $.ajax({
                        url : "list.action",
                        type : "POST",
                        data : {
                            term : request.term
                        },
                        dataType : "json",
                        success : function(data) 
                        {
                        ****What should I write here to work my code?****
                        }
                });
                }
        });
});

1 个答案:

答案 0 :(得分:0)

根据doc,您应该使用response回调函数返回您的数据。

  

响应回调,它需要一个参数:向用户建议的数据。应根据提供的术语过滤此数据,并且可以采用上述任何简单本地数据格式。在提供自定义源回调以处理请求期间的错误时,这很重要。即使遇到错误,也必须始终调用响应回调。这可确保窗口小部件始终具有正确的状态。

$(function($) {
        $("#search").autocomplete({
        source : function(request, response) {
                $.ajax({
                        url : "list.action",
                        type : "POST",
                        data : {
                            term : request.term
                        },
                        dataType : "json",
                        success : function(data) 
                        {
                            ***response (data) ;***
                        }
                });
                }
        });
});