jQuery自动完成不显示下拉结果

Question

我正在使用jquery自动完成功能，但是没有显示建议或下拉列表。

我的Javascript是：

$("#product").autocomplete({
    source: function(request, response){
         $.getJSON('../searchProduct.php', {term: $("#product").val()}, function(data){
            alert(data);
        }, response());
    }

});

这是我的searchProduct.php

$searchTerm = $_GET['term'];
$results = $wpdb->get_results("SELECT * FROM wp_products WHERE productName LIKE '".$searchTerm."%'");   
    foreach ( $results as $products ) {
        $data[] = $products->productName;
    }

echo json_encode($data);

当我提醒数据时，它会打印数组（例如，它显示Pebbe，Kristel，Bunoan）。

我传递的$ data是否有问题？ 或者是别的什么？ 可能是什么问题呢？ 请帮忙。 谢谢。

Answer 1

这样使用，在回调中使用数据调用响应

$("#product").autocomplete({
    source: function(request, response){
         $.getJSON('../searchProduct.php', {term: $("#product").val()}, function(data){
            response(data);
        });
    }
});

编辑：您也可以使用在源函数中传递的请求，如下所示

$("#product").autocomplete({
    source: function(request, response){
         // request === {term: "the value you typed"}
         // if response you are not parsing the data received then just pass response to getJSON
         $.getJSON('../searchProduct.php', request, response);
    }
});