php - 来自 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列表，是行不通的。

我如何使用 PHP 为自动完成语句列表选择用户名(用户名 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>

希望您找到了解决方案。