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

Question

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

它看起来像这样：

通常，Suggest_address.php返回一个label和value的关联数组。

但是由于Suggest_address.php确定输入是“zip”类型还是“city”类型，所以我返回一个额外的键/值对：“type”：“city”或“type”：“zip”。

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

我该怎么做呢？我知道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