jquery - 如何提供一个使用 ASP.NET MVC 和 jQuery(不是自动完成)实时过滤结果的文本框？

Question

我正在寻找类似于Stackoverflow Users page的东西允许您输入用户名，它会实时过滤下面的用户。

我正在使用 ASP.NET MVC 和 jQuery。有人可以给我指出一个使用此技术堆栈来做同样事情的简化示例吗？

Answer 1

基本上，每次文本框的值发生变化时，您都需要进行 ajax 调用。

完全未经测试，但大致如下:

$("#inputName").change(function () {
    // maybe check the value is more than n chars or whatever
    $.ajax({
        url: <%= Url.Action("Lookup", "Users") %> + '/' + this.val(), // path to ajax request
        dataType: "html", // probably
        success: updateContainerWithResults
    });
});

function updateContainerWithResults(data) {
    $("#resultsContainerElement").html(data);
}

http://docs.jquery.com/Events/change

http://docs.jquery.com/Ajax