javascript - 我可以使用 jquery ajax 响应来自动完成吗

Question

现在是凌晨 3 点。我已经把头撞在墙上好几个小时了，就是不明白。

我正在尝试使用 jQuery 自动完成功能来处理来自 ajax 请求的源数据。Ajax 似乎工作得很好，但我似乎无法使用源数据的响应。匿名函数在就绪时获取数据。 Success 调用 test(response) 将数据传递给具有自动完成功能的函数。响应看起来与示例代码完全相同。当我从控制台粘贴我的响应时，它工作得很好。但它不允许我使用变量“专辑”作为源。

$(function(){

    $.ajax({
        dataType: 'text',
        type: 'POST',
        url: '/albums/fetch_albums',
        success: function(response){
            console.log(response); // logs ["Italy","Hawaii"] -as expected
            test(response);
        }
    });

});

function test(data){
    var albums = data;
    console.log(albums);         // logs ["Italy","Hawaii"] - as expected
    console.log(typeof albums);  //logs string - as expected

   $('#autocomplete').autocomplete({
        source: albums,                //this is what I want... errors out.
        //source: ["Italy","Hawaii"] // pasted response if un-commented works fine.
    });
}

这是错误消息。

 GET http://journal.localhost.com/[%22Italy%22,%22Hawaii%22]?term=h 403 (Forbidden)jquery-2.1.1.min.js:4 n.ajaxTransport.k.cors.a.crossDomain.sendjquery-2.1.1.min.js:4 n.extend.ajaxjquery-ui.min.js:7 e.widget._initSource.e.isArray.string.options.source.sourcejquery-ui.min.js:7 e.widget._searchjquery-ui.min.js:6 (anonymous function)jquery-ui.min.js:7 e.widget.searchjquery-ui.min.js:6 (anonymous function)jquery-ui.min.js:7 (anonymous function)jquery-ui.min.js:6 i

必须有一种方法从数据库中获取数据并将其提供给此函数。

帮助我欧比旺!

Answer 1

$(function(){

$.ajax({
    dataType: 'text',
    type: 'POST',
    url: '/albums/fetch_albums',
    success: function(response){
        console.log(response); // logs ["Italy","Hawaii"] -as expected
        var arrResponse = JSON.parse(response); //convert json object to array 
        test(arrResponse);
    }
});

});