2010-07-16 60 views
0

我相信这已被问了很多次,但希望得到一些帮助。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,以便它实际知道要搜索的内容。

希望这是有道理的。

回答

2

您不必为此做任何事情。控件会自动为您传递值。在你的PHP脚本只是使用这个:

$_GET["term"] 

他们传递一个查询字符串变量的名称的术语。它在文档中,但有点难以理解。

编辑:我知道这是因为我上周有同样的问题,试图找到这个。下面是URL的文档:http://docs.jquery.com/UI/Autocomplete

而且,这里是从解释做什么的页面段落:

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

+0

太棒了!非常感谢你的队友!创造奇迹! – Justin 2010-07-16 18:44:51

+0

不用担心。我试图弄清楚它的相同问题,并不明白为什么它们不会更明显。 – spinon 2010-07-16 18:48:30

+0

是的,没有开玩笑,总是在一半的战斗中找到像这样的全部信息 – Justin 2010-07-16 19:08:55