jquery - 设置用户格式和重定向用户(使用 jQuery UI 自动完成)

Question

我是 jQuery 和 Stack Overflow 的新手。我正在做我的学校项目，并已经实现了基本的自动完成搜索以在我的小组的 ASP.NET Web 应用程序上工作。我按照本指南进行了操作:http://www.magic-dev.com/autocomplete-textbox-aspnet-database.htm .

我可以搜索名称(从数据库中获取)，但我想做的是允许用户从结果中选择名称(单击名称时)，并将其重定向到个人资料页面(例如profile.aspx?id=25)。

我在 Stack Overflow 上搜索并发现了 Redirecting users on select from autocomplete? 。尝试实现该问题的代码，但无济于事。

搜索框的当前结果如下所示(格式[用户 ID]-[名称]):

25-Dennis Ferrell

我不想在结果中显示ID，而只显示名称。之所以将 ID 添加到其中，是因为我想将 ID 用于 profile.aspx?id=25。

** 编辑 1 **

我了解到 formatItem 和 formatResult 均已从 jQuery UI ( http://www.learningjquery.com/2010/06/autocomplete-migration-guide ) 中贬值。所以现在，我得到了在点击时重定向用户的代码，但格式仍然是 25-Dennis Ferrell。

这是我更新的代码:

       $('#<%= searchMenu.ClientID %>').autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "PredictiveSearch.asmx/GetAllNames",
                    data: "{'nameKeyword':'" + request.term + "'}",
                    dataType: "json",
                    async: true,
                    success: function (data) {
                        response(data.d);
                    }
                });
            }, 
            select: function (event, data) {
                window.location = "profile.aspx?id=" + data.item.value.split("-")[0];
            }
        });

谁能帮我解决格式问题吗？只是想从 25-Dennis Ferrell 中删除 25- 并使用 25 通过 ID 重定向用户。

** 编辑 2 **

我尝试这样做:

success: function (data) {
    response($.map(data.d, function (item) {
        return item.split("-")[1];
    }));
}

结果将是 Dennis Ferrell，但 25 无法传递到 select: 函数(这是重定向所需的)用户)。

Answer 1

好的，所以我把它分开了。搜索框中的结果将显示 Dennis Ferrell，而 select: 函数获得 25 的 ID 值。这不是最佳答案，我想一想，但这里仍然是 success: 函数的代码:

success: function (data) {
    response($.map(data.d, function (item) {
        return {
            id: item.split("-")[0],
            value: item.split("-")[1],
        }
    }));
}

以及 select: 函数的代码:

select: function (event, data) {
    //use data.item.value if want to get the name [Dennis Ferrell]
    window.location = "profile.aspx?id=" + data.item.id;
}