Как я могу предоставить текстовое поле, которое фильтрует результаты в режиме реального времени, используя ASP.NET MVC и jQuery (НЕ автозаполнение)?

Question

Я ищу что-то похожее на страницу Stackoverflow Users , которая позволяет вводить имя пользователя и фильтровать пользователей ниже в реальном времени.

Я использую 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