javascript - jQuery UI 自动完成传递输入数据

Question

我确信这个问题已经被问过很多次了，但希望得到一些帮助。

我正在尝试设置 jQuery UI，我可以使用它从 JSON 获取静态结果列表。 但我需要将 INPUT 值传递到 PHP 脚本中，以便它可以实际过滤结果。

我的输入字段代码

<input id="search" />

我的运行 Javascript 的代码

$("#search").autocomplete({
   source: 'testData.php',
   dataType: 'json',
   minLength: 2,
   select: function(event, ui) {
            $('#contactId').val(ui.item.id);
            $('#contactName').val(ui.item.value);
   }
});

testData.php 返回有效的 JSON 数据。 但我不知道如何将变量从输入字段传递到我的 testData.php，以便它实际上知道要搜索什么。

希望这是有道理的。

Answer 1

您无需为此执行任何操作。控件会自动为您传递该值。在你的 php 脚本中只需使用这个:

$_GET["term"]

它们通过术语名称传递查询字符串变量。它在文档中，但有点难以找到。

编辑:我知道这一点是因为上周我在尝试找到它时遇到了同样的问题。以下是文档的 URL:http://docs.jquery.com/UI/Autocomplete

这里还有页面中的段落，解释了要做什么:

当使用字符串时，自动完成插件期望该字符串指向将返回 JSON 数据的 URL 资源。它可以位于同一主机或不同主机上(必须提供 JSONP)。请求参数“term”被添加到该 URL 中。数据本身可以采用与上述本地数据相同的格式。