Jquery-ui自动完成与数据库

Jquery-ui autocomplete with DB

本文关键字：数据库 Jquery-ui      更新时间：2023-09-26

请建议好的教程，以饲料jquery ui qucomplete with php和mysql或帮助我解决我的代码问题。尝试了所有方法。找不到错误的代码。

我的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日志文件中没有错误。如何解决这个问题?

源参数必须为字符串、数组或回调类型，并且"定义要使用的数据"，而不是用于获取它们的页面。您应该使用类似这样的内容(参见这里的示例):

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