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

Question

我对 MVC 很陌生，所以这似乎是一个显而易见的问题，但是当发布到我的 ActionResult 时，会调用 ActionResult，但 View 不会改变。

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

这是在我的控制器中调用 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';
}

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

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

Answer 1

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

你可能需要实现一个回调，来自jQuery docs：

 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>