javascript - jQuery UI 使用多个 JSON 源自动完成多个输入控件

Question

我有这段代码在工作，来自 this example :

var url = function(req, res){
    $.ajax({
        url: "getdata",
        dataType: "json",
        data: {
            term: req.term,
        },
        success: function(data){
            res($.map(data.students, function(item){
            return{
                label: item.cardId + "|" + item.firstName + " " + item.lastName,
                value: item.cardId
            }}))
        }
    });
};


$("#autocomplete").autocomplete({
    source: url
});
$("#autocomplete2").autocomplete({
    source: url
});

和输入元素:

<input path="students" id="autocomplete" style="z-index: 100; position: relative" title="type &quot;a&quot;" autofocus="autofocus" />
<input path="items" id="autocomplete2" style="z-index: 100; position: relative" title="type &quot;a&quot;" />

两个输入现在都有相同的下拉列表。

问题:
如何更改 url 函数以适应 students 和 items？或者应该只为每种类型的输入复制函数？

Answer 1

在您的 url 函数中，this.element 将为您提供触发自动完成的元素。您可以使用 this.element.attr("id") 或其他一些方法来修改 JSONP url。

Demo here和 code here