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);
    }
});