浏览器为什么不呈现控制器的响应？

Question

对控制器进行POST时，控制器将以我希望浏览器呈现的内容完全响应。 但是浏览器不会呈现响应。 我已经验证了Fiddler的响应良好。

下面的代码显示了我认为是相关的代码。 返回响应的控制器操作方法，该模板是具有mvc帮助程序代码的模板的一部分，该javascript / jquery代码使用表单输入触发ajax调用。

我想使用FormCollection。 浏览器为什么不呈现响应，我应该怎么做才能解决它？

BoMController

public ActionResult GetBillOfMaterialsView(FormCollection frmColl){
    // snipped out model interaction
    return PartialView("~/Views/Project/Index.cshtml", project);
}

Index.cshtml

@using (Html.BeginForm("GetBillOfMaterialsView", "BoM", FormMethod.Post, new {id = "frmGetBom"})) { 
     // selProj input select code removed for brevity 
}

    function submitGetBoM() {
        var frmGetBom = $('#frmGetBom');
        $.ajax({
            type: 'POST',
            url: frmGetBom.attr('action'),
            data: frmGetBom.serialize()
        });
    }

    $(document).ready(function() {
        $('#selProj').selectmenu( {
            select: function(){submitGetBoM()}
        }).addClass("overflow");
    });

Answer 1

单独调用$.ajax并不能将服务器的响应追加到文档中，您必须使用success回调函数来手动获取并追加响应。

例如：

$.ajax({
    type: 'POST',
    url: frmGetBom.attr('action'),
    data: frmGetBom.serialize(),
    success: function(response) {
         $('#someContainerId').html(response);
    }
});

或者，使用上述的简写形式的load() ：

$('#someContainerId').load(frmGetBom.attr('action'), frmGetBom.serializeArray());

请参阅说明文件

Answer 2

您的客户端代码对服务器返回的值不做任何事情：

function submitGetBoM() {
    var frmGetBom = $('#frmGetBom');
    $.ajax({
        type: 'POST',
        url: frmGetBom.attr('action'),
        data: frmGetBom.serialize(),
        success: function() { alert('ok'); }
    });
}

这将弹出有关成功的警报。