jquery $.Post 不会改变视图。我该怎么办？

Question

我对 MVC 还很陌生，所以这似乎是一个明显的问题，但是当发布到我的 ActionResult 时，ActionResult 会被调用，但视图不会改变。

我正在做的是有一个基本的搜索页面，用户可以在其中搜索我的数据库，然后返回结果并分页。

这是在我的控制器中调用 ActionResult 的 javascript。

    function SubmitSearch() {

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

    $.post("MyController/SearchResults/",
    {
        searchString: searchBox.value,
        page: 0
    });

    window.location = "../DriverStudio/Drivers/SearchResults/" + searchBox.value + '/0';
}

我当前的解决方案（这是一个可怕的黑客）是注释掉 $.post （因为我的路线是以 window.location 将调用 SearchResutls ActionResult 的方式设置的）并将 window.location 设置为用户搜索的内容for，从第 0 页开始。

必须有更好的方法。我应该怎么办？

Answer 1

我不太熟悉 MVC，但是除了将用户重定向到 window.location 中的 URL 之外，您的 ActionResult 还能做什么？

需要实现一个回调，来自 jQuery 文档：

 jQuery.post( url, data, callback, type )

您可能 传递 URL 和数据，但不传递任何关于要如何处理返回数据的信息。

 $.post( "MyController/SearchResults/", 
         {searchString: searchBox.value,page: 0},
         function(result){
                //do something with what your actionresult returns here
                window.location = result.url;
         }
       );

Answer 2

设置 SearchResults 操作以返回仅包含执行搜索时要更新的页面部分的部分视图。该部件应包含在某个容器中，以便于更换。然后使用 post 方法上的回调机制将该 DIV 的内容替换为从 SearchResults 操作返回的部分视图结果。从处理程序返回 false 以停止执行默认提交操作。

function SubmitSearch() { 

    var searchBox = $('#searchBox'); 

    $.post("MyController/SearchResults/", 
    { 
        searchString: searchBox.val(), 
        page: 0 
    }, function(data) {
        $('#searchResults').html( data );
    }); 

    return false;
}

这假设一些视图代码类似于：

 <% using (Html.BeginForm()) { %
      <label for="searchBox">Search:</label>
      <%= Html.TextBox("searchBox") %>
 <% } %>
 <div id="searchResults">
 </div>