c# - 查看帖子中的 PartialView 并返回响应 json

Question

我的 PartialView 是在 View 中渲染的，那么这个 PartialView 需要 post Controller ，并捕获响应，然后显示。怎么办？

查看

<div class="row">
        <div id="partialViewContainer"></div>
    </div>

部分 View

@model foo

@using (Html.BeginForm("UploadFile", "ManageFiles", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    //Some Html
    <div id="ResponsePost">
    </div>
}

Controller

[HttpPost]
public JsonResult UploadFile(UploadFileViewModel m)
{        
            if (!ModelState.IsValid)
            {
                var errorList = (from item in ModelState
                             where item.Value.Errors.Any()
                             select item.Value.Errors[0].ErrorMessage).ToList();

                    return Json(errorList);
            }

            //Some Logic             
            var foo = new { ... };
            return Json(foo);
}

Answer 1

我认为最简单的方法是使用 Ajax.BeginForm 扩展而不是 Html.BeginForm。代码少，易读。

权衡是您需要将 jquery.unobtrusive-ajax.js 与 Jquery 一起包含。

@using (Ajax.BeginForm("UploadFile","ManageFiles" , new AjaxOptions() {  OnSuccess = "getResult" }))

这里，getResult 用于定义 Ajax 请求成功后将触发的 JavaScript 函数。

然后你可以这样写:

function getResult(data){
    $('#ResponsePost').append('<p>' + data.message + '</p>');
}