如何在不使用ajax mvc的情况下通过按钮单击调用控制器

Question

一般来说，我对网络编程很陌生，所以这可能是一个非常简单的问题。然而我在网上找不到任何东西。

我想要做的是使用键入的搜索字符串调用我的控制器，并从数据库返回结果并对结果进行分页。现在我正在使用按下按钮时调用的函数。该函数如下所示：

function SubmitSearch() {

    var searchBox = document.getElementById('searchBox');
    var searchButton = document.getElementById('SearchButton');

    $.post("MyController/MyAction/",
    {
        searchString: searchBox.value,
        page: null
    }, function(result) {
        $('#searchResults').html(result);
        searchButton.value = "Search";
    });
}

发生的情况是我的控制器被调用，我的 searchResults div 填充了结果并分页。用户可以点击任何返回的搜索结果来查看详细信息。

问题是当用户单击浏览器的“后退”按钮时，页面会返回到输入搜索之前的状态，这是由于 ajax 调用造成的。我想做的是，调用控制器并像谷歌一样加载页面。我不会使用 PartialView，而是使用 View（我的猜测）。

我将如何调用控制器并让页面重新加载结果。我一定错过了一些基本的东西，因为这看起来绝对应该很容易。

Answer 1

如果您不想使用 AJAX，那么您需要将文本字段放置在页面上的表单元素中，如下所示：

<form action="MyController/MyAction/" method="get">
  <input id="SearchBox" name="SearchBox" type="text" />
  <button type="submit">Search</button>
</form>

然后在控制器中返回带有结果列表的视图。

您可能还想研究 RESTful URL 和 PRG（发布、重定向、获取） 模式，用于维护后退按钮的完整性并启用正确的页面书签等。

Answer 2

我认为您实际上可能正在寻找 AJAX 历史库来在按下“后退”按钮时提供帮助，而不是更改您的应用程序。请查看这篇博客文章。

Answer 3

Aspx：

<% using (Html.BeginForm<MyController>(m => m.MyAction(null)) { %> 
    <%= Html.TextBox("q"); %>
<% } %>
// Listing

控制器：

public class MyController : Controller
{
    public ActionResult MyAction(string q)
    {
        var repository; // instance of your repository.

        if (String.IsNullOrEmpty(q))
        {
            return View(repository.GetAllBlogs());
        }
        return View(repository.SearchBlogs(q));
    }
}