無法使用ajax + jQuery自動完成工作

Question

我嘗試使用ajax（jQuery）完成自動完成任務。讓我們來看看腳本

這裏的html =>

<input type="text" name="user_key" id="user_key"> 

這裏是在同一個文件的JavaScript =>

<script type="text/javascript"> 
$(function(){ 
    $("#user_key").autocomplete({ 
     source: function(request,response){ 
      var suggestions = []; 
      $.ajax({ 
       url: "/ajax/autocomplete.php", 
       type: "POST", 
       data: {user_key:$(this).val()}, 
       success: function(result){ 
        $.each(result,function(i,val){ 
         suggestions.push(val.name); 
        }); 
       }, 
       dataType: "json" 
      }); 
      response(suggestions); 
     } 
    }); 
}); 
</script> 

，這裏是PHP腳本autocomplete.php文件=>

if (!$connection->connect_errno){ 
     if ($connection->set_charset("utf8")){ 
      if ($r = $connection->query("SELECT name FROM users WHERE name LIKE '" . $_POST['user_key'] . "%'")){ 
       for ($x=0,$numrows = $r->num_rows;$x<$numrows;$x++){ 
        if ($row = $r->fetch_assoc()){ 
         $array[$x] = array("name",$row['name']); 
        } 
       } 
       $r->free(); 
      } 
     } 
    } 
    echo json_encode($array); 

PS。它不起作用。請幫忙，過去兩天我一直在努力完成這項任務，但無法完成此任務。感謝預先:)

Answer 1

$array[$x] = array("name",$row['name']); 

這是使名稱，並從數據庫中的值兩者作爲數組的（）中的元素

變化autocomplete.php的代碼

if (!$connection->connect_errno){ 
     if ($connection->set_charset("utf8")){ 
      if ($r = $connection->query("SELECT name FROM users WHERE name LIKE '" . $_POST['user_key'] . "%'")){ 
       for ($x=0,$numrows = $r->num_rows;$x<$numrows;$x++){ 
        if ($row = $r->fetch_assoc()){ 
         $array[$x] = array("name"=>$row['name']); 
        } 
       } 
       $r->free(); 
      } 
     } 
    } 
    echo json_encode($array); 

這將使名稱成爲從數據庫中提取的值的關鍵字

這將幫助您。

Answer 2

你需要再看看自動完成文檔，但您將可以在這裏找到答案：jquery auto-suggestion example doesn't work