jQuery UI自動完成與數據庫

Question

請建議一個很好的教程，用php和mysql來提供jquery ui qutomplete或幫助我解決我的代碼問題。 嘗試了所有方法。 找不到錯誤的代碼段。

我的PHP代碼看起來像這樣

if (isset($_REQUEST['term']))
{
    $term = trim(strip_tags($_REQUEST['term']));//retrieve the search term that autocomplete sends

    $result = $db->query("SELECT company as value,id FROM main WHERE company LIKE '$term'") or die(mysqli_error());;
    $results = array();
    while ($row = $result->fetch_row()) $results[] = array( 'id' => $row[0] , 'label' => $row[1], 'value' => $row[1] );
    echo json_encode($results);
}

下面的js代碼

$("#auto").autocomplete({
    source: "index.php",
    minLength: 2,//search after two characters
    select: function(event,ui){
    }
});

和HTML標記

<input id="auto" name="company"/>

代碼有什么問題？ 它不會生成自動完成選項。.php日志文件中沒有錯誤。 如何解決這個問題？

Answer 1

源參數必須是字符串，數組或回調類型，並且“ 定義要使用的數據 ”，而不是用於獲取它們的頁面。 您應該使用類似的東西（請參閱此處的示例 ）：

    $("yourSelector").autocomplete({  
        source: function(req, add){  
            $.get("index.php?...", function(data) {  
                var returnData= [];  
                $.each(data, function(i, val){  
                  returnData.push(val.property);  
                });  
                add(returnData);  
            });  
        }, [...]