SQLテーブルからAJAXオートコンプリート？

Question

こんにちは。

SQLテーブルの情報に基づいてオートコンプリートする入力はどのようにできますか？

[CSS] 
    [JQUERY] 
    <script> 
$(function() { 
var availableTags = [ 
<?php 
    if ($result->num_rows > 0) { 
     while($row = $result->fetch_assoc()) { 
     echo '"'.$row["user_username"].'",'; 
     } 
    } 
?> 
    ]; 
    $("#tags").autocomplete({ 
    source: availableTags 
    }); 
}); 
    </script> 


<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags"> 
</div> 

をこれは動作しますが、私が追加しようとすると：：

$sql = "SELECT username FROM table"; 
$result = $conn->query($sql); 

if ($result->num_rows > 0) { 
    while($row = $result->fetch_assoc()) { 
     echo '"'.$row["username"].'",<br>'; 
    } 
} 

代わりに "ユーザー名1" などのJSリストの、それはないだろう、私が試してみました何

作業。

オートコンプリートステートメント（ユーザー名1、ユーザー名2など）のユーザー名を選択するにはどうすればよいですか？

これは、「JS配列のSQLクエリからPHPをエコーするにはどうすればよいですか？」と言い換えることができます。

ご協力いただければ幸いです。ありがとう。

Answer 1

あなたはそれを複雑にしているようです。ここでは、PHP配列をJS変数にする必要があります。

ので、

var usernames = <?= json_encode($arr) ?>;

または

var usernames = <?php echo json_encode($arr) ?>;

は大丈夫でしょう。

<?php 

    if ($result->num_rows > 0) { 
     while($row = $result->fetch_assoc()) { 
      $usernames[] = $row["user_username"]; 
     } 
    } 

?> 

<script> 
    var usernames = <?= json_encode($usernames); ?> 
    $("#tags").autocomplete({ 
     source: usernames 
    }); 
</script> 

あなたは解決策を得たいと考えています。