jQuery UI AutoComplete传递输入数据

时间:2010-07-16 18:31:15

标签: javascript jquery jquery-ui jquery-ui-autocomplete

我确信这已被问了很多次,但我会感激一些帮助。

我正在尝试设置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,以便它实际知道要搜索的内容。

希望这是有道理的。

1 个答案:

答案 0 :(得分:2)

您无需为此做任何事情。控件会自动为您传递值。在您的PHP脚本中,只需使用:

$_GET["term"]

它们通过term的名称传递一个querystring变量。这是在文档中,但有点模糊,找不到。

编辑:我知道这是因为我上周试图找到这个问题时遇到了同样的问题。以下是文档的网址:http://docs.jquery.com/UI/Autocomplete

此处还有页面中的段落,说明了该做什么:

使用String时,Autocomplete插件希望该字符串指向将返回JSON数据的URL资源。它可以位于同一主机上,也可以位于不同的主机上(必须提供JSONP)。请求参数“term”将添加到该URL。数据本身的格式与上述本地数据的格式相同。