自动完成中的jquery ajax回调

Question

我正在使用 jquery 自动完成。当 ajax 请求完成时 jquery 调用 jsonpCallback 和响应。你能建议将 jsonpCallback(data) 函数放在哪里以使用 $.each 中的数据

$(".autoComplete").autocomplete({ source: function(req, add){

            $.ajax({
                  type: "GET",
                  url: "http://herokory.herokuapp.com/autocomplete/jsonpCallback/a",
                  dataType:"jsonp"
            });

                var suggestions = [];  

                //process response  
                $.each(data, function(i, val){       //how do I get data variable                         
                suggestions.push(val.value); });

                 add(suggestions);
            }
});  

Answer 1

根据：jquery api 你应该实现一个“成功块”

$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});

你的例子：

var suggestions = [];  
$(".autoComplete").autocomplete({ source: function(req, add){

            $.ajax({
                  type: "GET",
                  url: "http://herokory.herokuapp.com/autocomplete/jsonpCallback/a",
                  dataType:"jsonp"
                  success: function(data) {

                    $.each(data, function(i, val){                         
                    suggestions.push(val.value); });
                          add(suggestions);
                    }
                 }
            });



});  

// 编辑：也许这会有所帮助：jsonpcallback

Answer 2

    $(".autoComplete").autocomplete({ source: function(req, add){

            $.ajax({
                  type: "GET",
                  url: "http://herokory.herokuapp.com/autocomplete/jsonpCallback/a",
                  dataType:"jsonp"
    success: function(data) 
            {
                alert('Here is my data' +  data);
            }


            });

}); 

您应该在您的 ajax 调用中添加一个成功函数，这意味着如果 GET 请求成功，请执行以下操作，您将在此处放置 .each 循环以遍历数据。

还有其他块可以帮助您调试代码，例如错误块等。