Question

无法弄清楚为什么这不起作用：

$('#add').live('click',function(){
    var searchdata = 'id=vendor' + '&location=' + $('#locationname').text() ;

     $.get('functions', searchdata, function(data){

       var source = $.parseJSON(data);

       $("#vendorselect").autocomplete({
         source: source
       });
    });



});

$.get只返回一个JSON数据，如下所示

[{＆＃34;值＆＃34;：＆＃34; 2＆＃34;＆＃34;标签＆＃34;：＆＃34; A＆＃34;}，{＆＃34;值＆＃34 ;：＆＃34; 2＆＃34;＆＃34;标签＆＃34;：＆＃34; B＆＃34;}]

最终这起作用了：

$.ajax({
                    url: "functions",
                    type: "get",
                    data: 'id=vendor' + '&location=' + $('#locationname').text() ,
                    dataType: "json",
                    success: function( data ) {
                        vendor = $.map(data, function( val, i ) {
                                return {
                                    label: val.vendor_ID,
                                    value: val.vendor
                                };});
                         $("#autocomplete").autocomplete({
                            source: vendor
                        });
                    }

    });

Answer 1

source函数传递了两个参数(request, response)。 request是用户键入的内容，response是回调函数。

您的return 没有，因为它在AJAX调用中。您无法从AJAX调用返回，因为它们是异步。

您需要做的是，调用与AJAX调用中的数据一起传递的response函数。试试这个：

$("#vendorselect").autocomplete({
  source: function(request, response){
    var searchdata = 'id=vendor';
    $.getJSON('functions', searchdata, response);
  }
});

注意：$.getJSON会为您致电$.parseJSON。

更新：您的JSON响应必须是自动填充所需的格式：

[{"label":"A","value":"2"},{"label":"B","value":"3"}]

查看文档：{{3}}

无法将JSON数据传递给自动完成

1 个答案: