通过ajax更新的局部视图不会保留数据

Question

in a MVC 5 project, the Index page contains 2 partial views. One to enter the search arguments and the other to show the rates (via ajax call). Everything works as expected and the rates view does show the returned data. What happens is that if the user goes to another page, in the same project, then returns, the rates partial view is empty, although the search arguments in the other partial view are still present. Is there a way to persist the rates data?

// This script is in the index page with the 2 partial views

 <script> $(function () { $('#viewSearch').submit(function () { if ($(this).valid()) { $.ajax({ url: '/Home/GetRates', type: "POST", cache: true, dataType: 'html', data: $("#viewSearch").serialize(), success: function (data) { $('#viewRates').html(data); }, }); } return false; }); }); </script> 

// This is the viewRates

@model Models.Rate

<table class="table table-bordered input-sm">

    @foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.Notes)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Daily)
            </td>
            <td>
                @Html.ActionLink("BOOK NOW", "Edit", new { id=item.Id })
            </td>
        </tr>   
    }

</table>

// and this is the controller

    [HttpPost]
[ValidateAntiForgeryToken]
public ActionResult GetRates()
{
    if (ModelState.IsValid)
    {
       // code
       ...

       return PartialView("~/Views/Shared/Rates.cshtml", rates);
    }

    return PartialView("~/Home/Contact.cshtml");
}

Answer 1

如果搜索结果仍然存在，则只需在文档上重新加载部分文档。