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，克里斯泰爾，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); 
    } 
});