jQuery自动完成 - 在不更改请求的情况下获得响应？

Question

我正在使用 jQuery 的 autocomplete 函数从 suggest_address.php 中获取可能的输入标签/值。

看起来像这样：

通常 suggest_address.php 返回一个由 label 和 value 组成的关联数组.

但由于 suggest_address.php 确定输入是“zip”类型还是“city”类型，我返回一个额外的键/值对：“type”：“city”或“type” " : "压缩包"。

我想将此值作为属性存储在输入框中，以便在以后的查询中使用它。

我该怎么做？ 我知道自动完成函数的source 参数可能是一个接收请求和响应的函数，但是如何在不修改源的情况下从中获取响应？

现在我的初始化看起来像这样：

$('#addresssearch').autocomplete({
                    source: 'suggest_address.php',
                    minLength: 2
                });

Answer 1

您的每个响应的数据对象可以包含您想要的任何其他键/值对。然后它们被包含在事件处理程序的ui 参数中。

例如

{ label:'Chicago', value:'chicago', bestPizza: 'Chicago Pizza'}


$('#addresssearch').autocomplete({
    source: 'suggest_address.php',
    minLength: 2,
    select: function(event, ui) {
        var pizza = ui.item.bestPizza;
    }
});

以下 API 演示中的“查看源代码”上的 jQueryUI 现场演示示例 clcik：

http://jqueryui.com/autocomplete/#custom-data