将 json 对象发布到控制器并获取视图

Question

我正在尝试将数据发布到同一控制器中的不同操作。这些天我使用表单提交或带有查询参数的 url，我现在的情况是不同的：

要求：在其中一个视图中，我们有一些下拉菜单、文本框和动态生成的 div（Tiles），每个 div 都是可点击的，现在当用户单击 div（Tile）时，将调用 javascript 函数来获取下拉控件的值，文本框值，现在我需要将该数据发布到同一个控制器中的不同操作（比如说 actionMethod2）并显示它返回的任何视图，我该怎么做？

我尝试使用 ajax post 方法，但意识到我无法移动到该 actionMethod2 返回的视图。 我试图做一个简单的 window.location 但我也需要发布这些值......

这里是javascript：

    var searchModel = {};
    searchModel.StartDate = $('#dvSearchDateRange').attr('data-startDt');
    searchModel.EndDate = $('#dvSearchDateRange').attr('data-endDt');
    searchModel.Status = propertyName;
    searchModel.StatusText = tileText;
    searchModel.AgencyId = cascadOADdropdowns.selectedAgencyId;
    searchModel.DeptId = cascadOADdropdowns.selectedDeptId;
    searchModel.AgencyName = cascadOADdropdowns.selectedAgencyName;
    searchModel.DeptName = cascadOADdropdowns.selectedDeptName;
    $.ajax({
        url: referralSearchUrl, // /Home/ReferralsList'
        type:"POST",
        contentType: "application/json",
        dataType: "json",
        data: JSON.stringify(searchModel)
    });

这在技术上是可行的，但这不是我想要的，我需要显示 action 方法返回的整个视图（就像你从 url 调用一样）。

HomeController:
//this method provides data to dynamically generate divs. You can consider this as user's landing view(Page)
    public ActionResult Index(DashboardSearchViewModel vm)
    {
        //VMs
        UserInfoViewModel userInfoVM = MySession.GetSession<UserInfoViewModel>(Constants.USER_INFO);
        LookupsViewModal lookupsVM = new LookupsViewModal();
        //DAL, BAL
        DashboardBA dashboardBA = new DashboardBA();
        LookupsBA lookupsBA = new LookupsBA();

        vm.SearchStartDate = DateTime.Now.AddMonths(-dateRange);
        vm.SearchEndDate = DateTime.Now;
        lookupsVM.AgencyId = vm.AgencyID = userInfoVM.UserInforFromES.AgencyID;
        lookupsVM.DeptId = vm.DepartmentID = userInfoVM.UserInforFromES.DeptID;
        lookupsVM.OrgId = userInfoVM.UserInforFromES.OrgID;
        lookupsVM.logonId = userInfoVM.LogonID;
        vm.LoggedInUserInformation = userInfoVM;
        vm = dashboardBA.GetDashboardSummary(vm);

        lookupsVM = lookupsBA.GetLookups(lookupsVM);

        TempData[Constants.LOOKUPS] = lookupsVM;
        return View(vm);
    }

    /*This is the action method i need to post values to and display returned view.Its like submitting data by user and redirect user to different view (by server)*/

    public ActionResult ReferralsList(ReferralSearchFilersViewModel searchValues)
    {
      return View(vm);
    }

Answer 1

更改您的操作以返回 PartialViewResult。您可能需要在部分剃刀视图中设置@{ Layout = null }。

在您的 JQuery ajax 调用的 success 回调中，使用部分结果在您的页面上填充一些 <div>。例如

$.ajax({
    url: referralSearchUrl, // /Home/ReferralsList'
    type:"POST",
    contentType: "application/json",
    dataType: "json",
    data: JSON.stringify(searchModel),
    success: function(partial) {
        $('#SomeDiv').html(partial);
    }
});