没有网址的jquery自动完成源

Question

我正在尝试为jquery提供源自动完成我从另一个select标签的change事件获得的结果。我的ajax调用返回json数组很好但我在这里做错了我无法修复请看下面的代码

jQuery("#city").change(function(){
    var city = jQuery("#city").val()
    jQuery.ajax({
        async: false,
        global: false,
        type: 'POST',
        url: 'http://example.com/wp-content/themes/abc/areas-ajax.php',
        data: {city: city},
        success: function(response) {
            console.log(response);
            var areas = response;
                jQuery( "#area" ).autocomplete({
                source: areas
            });
        }
    });

当我输入输入框时，它会发出一个get请求，但在我的场景中不应该这样做，因为我在脚本中提供了源代码。

Answer 1

必须解析json的响应才能被jQuery理解：

 var areas = JSON.parse(response);