Question

有一个带文本框的简单搜索表单。在提交表单后，我将文本框的内容发送到存储过程，然后返回给我结果。我希望结果显示在表单的同一页面上，除了它下面。

现在我正在做以下事情，但它并没有按照我想要的方式运作：

Answer 1

sathishkumar，

您不会将问题标记为与ajax相关的解决方案。我将提出一个简单的ajax方法，可能适合也可能不适合。

在控制器中：

public ActionResult Search(string searchTerm)
{
    // you don't add code re your stored proc, so here is a repo based approach
    var searchItems = _repository.Find(x => x.searchfield.Contains(searchTerm));
    return PartialView("SearchPartial", searchItems);
}

主视图（index.aspx或其他）（在主要内容定义的下方添加）：

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

在页面的另一部分（半伪代码）：

<script type="text/javascript">
     function getSearchResults() {
         // #yoursearchbox is a textbox on the index.aspx aview
         var tdata = { searchTerm: $('#yoursearchbox').val()}; 
         // or your data in the format that will be used ??
         $.ajax({
           type: "GET",
           data: tdata,
           url : '<%= Url.Action("Search", "Home") %>',
           success: function (result) { success(result); }  
        });
      }); 

    function success(result){
        $("#searchResults").html(result);
    }
</script>

然后，您将添加包含搜索结果模型的部分视图SearchPartial.ascx。

希望这有帮助。

Answer 2

您可以使用Ajax来解决问题。

<div>
`@using (Ajax.BeginForm("action", "controller", new AjaxOptions
    {
        UpdateTargetId = "results",
        HttpMethod = "GET",
    }))
    {
        @Html.TextBox()
        <input type="submit" value="Search" />
    }`
<div id="results"></div>
</div>

在mvc2 asp net中搜索并显示在同一页面上

2 个答案: