带有检查名称的 PHP 文件的 jQuery 自动完成

Posted 2023-05-08

【中文标题】带有检查名称的 PHP 文件的 jQuery 自动完成

【英文标题】：jQuery Autocomplete with PHP file that checks for names

【发布时间】：2020-10-12 08:05:13

【问题描述】：

我想制作一个使用与this w3schools tutorial.中相同的php文件的自动完成输入框

我想使用 jQuery 自动完成 UI 来执行此操作。我试过这样：

    <input id="name" name="q">

<script>
    $('#name').autocomplete(
        source: 'ajax-suggest.php'
    );
</script>

这里有什么问题？提前致谢！

【问题讨论】：

这里的问题是你没有很好地解释你的问题。您遇到什么问题？你得到什么错误？

您可能想在此处添加minimal reproducible example。我的意思是，我们应该通过猜测来弄清楚ajax-suggest.php 做了什么？

我不明白如何让它像 w3schools 教程中那样工作。我希望它建议具有自动完成 jQuery 功能的名称。它不输出任何东西，我也没有收到任何错误。

ajax-suggest.php 与 w3schools 教程中的相同

【参考方案1】：

据我了解，您希望通过 ajax 调用获得可用的标签。

$( "#tags" ).autocomplete(
  source: availableTags
);

来自官方文档（https://jqueryui.com/autocomplete/），availableTags 是一个数组

我想你想要的是这个：https://www.devbridge.com/sourcery/components/jquery-autocomplete/

【讨论】：

如果我要写例如 ajax-suggest.php?q=a 它会输出这样的单词-> Andre\tAlex\t 等。所以它们用制表符分隔。我想我需要将所有建议的单词转换成这样的数组-> [Andre,Alex]。我不明白我怎样才能做到这一点。

在 PHP 脚本中你可以返回一个 JSON 对象。