我可以将jquery ajax响应用于自动完成吗

Question

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

我正在尝试对来自ajax请求的源数据使用jQuery自动完成功能。 Ajax似乎工作得很好，但是我似乎无法将响应用于源数据。 匿名函数可随时获取数据。 成功调用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);
    }
});

});