javascript - 如何将数据从 ajax 传递到 Jquery UI 自动完成

Question

我有ajax代码，它从Api返回Json，我正在寻找一种方法，如何将此数据传递给jquery自动完成。这是莫代码:

$("#autocomplete").autocomplete({
      minLenght: 2,
      source: function(request,response) {        
      $.ajax({
        url: "http://www.myadres/search/"+$("#autocomplete").val(),
        crossDomain: true,
        type: "POST",
        dataType: "json",
         data: {
         "from" : "0",
         "take" : "10"
         },
        beforeSend: function() {  
          //alert ('working...');
        },      
        success: function( response) {
            for (i = 0; i < response.Results.length; i++) {
            // Console logs this data as desired, every time when i type something, console logging works good
            console.log(response.Results[i].Name);
            };          
          },
        error: function(  ) {
            alert( "Error occured!" );
        },   
        complete: function( xhr, status ) {
        }              
      })
     },
 }); 

我只是不知道如何将数据从成功回调传递到 jquery 自动完成。谢谢您的建议。

Answer 1

response 是一个回调函数，需要一个字符串数组。您还为 ajax 声明了一个 response 值，因此您无法访问 response 函数。您必须为 success 参数设置另一个名称，例如 ajaxResponse。创建数组并在 success ajax 处理程序中调用 response 回调:

success: function(ajaxResponse) {
    var values = [];
    for (i = 0; i < ajaxResponse.Results.length; i++) {
        values.push(ajaxResponse.Results[i].Name);
    };
    response(values);
}