Jquery自动完成没有显示下拉结果

时间:2016-02-29 02:15:52

标签: javascript php json jquery-autocomplete jquery-ui-autocomplete

我正在使用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有什么问题吗?或者是别的什么?可能是什么问题呢?请帮忙。谢谢。

1 个答案:

答案 0 :(得分:0)

像这样使用它,用回调中的数据调用响应

$("#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);
    }
});