jQuery UI自动完成与数据库

Question

Please suggest good tutorial to feed jquery ui qutomplete with php and mysql or help me to fix the problem of my code. Tried all methods. Can't find wrong piece of code.

My php code looks like that

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 code below

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

And HTML markup

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

What's wrong with the code? It doesn't generate autocomplete option.. No error in php log file. How to fix that problem?

Answer 1

Source param must be of type string, array or callback, and " Defines the data to use ", not the page used to get them. You should use something like (see here for an example ):

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