提交表单返回的是 application/json 而不是 text/html

Question

我已使用以下方式更改了获取提交：

<a style="text-decoration:none;" href="@Url.Action(item.ListAction, item.ListController, new { ids = string.Join("-", item.Ids), categoryId = item.Id, search = (string)ViewBag.Search, location = (string)ViewBag.Location })">

收件人：

@using(Html.BeginForm(null, null, FormMethod.Post, new { id = "homeCategoryForm" }))
{
    @Html.AntiForgeryToken()

    @Html.Hidden("ids")
    @Html.Hidden("categoryId")
    @Html.Hidden("search")
    @Html.Hidden("location")
}

用 JQuery 提交：

$(document).on("click", ".innerelement", function (e)
{
    var elementId = e.target.id.split('_')[1];

    action = "/" + $("#controller_" + elementId).val() + "/" + $("#action_" + elementId).val();

    $("#homeCategoryForm").attr("action", action);
    $("#ids").val($("#ids_" + elementId).val());
    $("#categoryId").val($("#categoryId_" + elementId).val());
    $("#search").val($("#search_" + elementId).val());
    $("#location").val($("#location_" + elementId).val());

    $("#homeCategoryForm").submit();
});

控制器：

[HttpPost]
[AllowAnonymous]
[ValidateAntiForgeryToken]
public virtual ActionResult GetAllByIds(string ids, int categoryId, string search, string location)
{
    AdGetAllByCategoryListViewModel model = new AdGetAllByCategoryListViewModel();

    model.Ads = Mapper.Map<IList<AdGetAllByCategoryDto>, IList<AdGetAllByCategoryViewModel>>(_adService.GetAllByIds(ids));

    model.Category = Mapper.Map<CategoryDto, CategoryViewModel>(_categoryService.GetById(categoryId));

    return View(MVC.Ad.Views.GetAllByCategory, model);
}

问题是使用 Form Post 方法的 View 生成的是 application/json View (Source) 而不是 text/html。

编辑：

视图是从 PartialView 渲染的，所以可能是问题所在？

我已经用 PartialView 进行了测试，并且视图的 HTML 被渲染但不是所有的布局视图。

知道为什么吗？

谢谢

Answer 1

我发现了问题：

在视图的布局中我有一个评论表单：

<!-- Comments form container -->
<div class="comentsform">

    <!-- Comments form -->
    @{ Html.RenderAction(MVC.Comment.Create()); }

</div>
<!-- Comments form container closed -->

控制器是：

public virtual PartialViewResult Create()
{
    return PartialView();
}

这里的问题是我还有一个 JSON Action 可以通过 jQuery 发送评论：

[HttpPost]
[ValidateAntiForgeryToken]
public virtual JsonResult Create(CommentViewModel commentViewModel)
{
    CommentDto comentDto = Mapper.Map<CommentViewModel, CommentDto>(commentViewModel);

    _commentService.Create(comentDto);

    commentViewModel.Result = HeelpResources.CommentViewModelResultMsgOk;

    return Json(commentViewModel);
}

所以看起来，当布局来自表单 POST 操作时，它会搜索布局中呈现的 Html.RenderAction 的所有 [HttpPost] 操作。

在这种情况下，因为我有一个带有 JsonResult 类型的 [HttpPost] Action 的 Html.RenderAction，所以所有结果视图都转换为 JSON 响应。

所以现在，我唯一要做的就是将 JSON Action 的名称更改为 public virtual JsonResult CreateSend，例如，问题解决了！

再次感谢大家提供帮助。