C# 如何制作MVC4交互式搜索框？

我想为我的网站创建一个搜索，当用户输入到搜索框时加载结果，就像谷歌在你输入时填充搜索结果一样。我不是说自动完成

关于如何在MVC4中实现这一点（使用或不使用jquery）有什么想法吗

顺便说一句，这是我试过的文章，似乎不起作用（我可能把它搞糟了）。当我使用文章中的方法时，我的搜索框一直被清除

编辑：

progrAmmar的方法是正确的。以下是我目前的实施方式：

@using (Ajax.BeginForm("SearchOrders", new AjaxOptions{ UpdateTargetId = 
"searchResults", OnSuccess = "checkSearchChanged" }))
{
      <strong>Search:</strong>  @Html.TextBox("Search", null, new { @class= 
      "wide", @onkeyup = "javascript:SearchResults(this.value)" })<input 
      id="submit" type="submit" value="Search" />
}

<div id="searchResults"></div>

<script>
function SearchResults(search) {
    debugger;
    $.ajax({
        url: "/Orders/Search/",
        data: { ordid: search },
        cache: false,
        type: "POST",
        success: function (data) {
            $("#searchResults").html(data);
        },
        error: function (response) {
            alert("error has occurred: " + response);
        }
    });
}
</script>

@使用（Ajax.BeginForm（“SearchOrders”），新的AjaxOptions{UpdateTargetId=
“searchResults”，OnSuccess=“checkSearchChanged”}）
{
搜索：@Html.TextBox（“搜索”，空，新{@class=
“宽，@onkeyup=“javascript:SearchResults（this.value）”}）
}
函数搜索结果（搜索）{
调试器；
$.ajax({
url:“/Orders/Search/”，
数据：{ordid:search}，
cache:false，
类型：“POST”，
成功：功能（数据）{
$（“#搜索结果”）.html（数据）；
},
错误：函数（响应）{
警报（“发生错误：+响应”）；
}
});
}

现在我有了一个搜索页面，当用户在搜索框中键入并向下过滤到他/她键入的订单号时，该页面将被填充。

这非常简单，

---

您可以为搜索结果创建一个局部视图，并在文本框的

change（）

或

keyup（）

函数上调用该操作（显然是通过Ajax调用）。

现在我觉得自己很傻……我没有想到change（），这是您提到的最明显的一个。甚至没有考虑KEYUP（）！code>keyup功能将更适合，因为有时

change

可能在您将焦点从文本框中移开后才会启动。太棒了！我现在正在尝试！它果然起作用了！非常感谢你的帮助！