浏览器想要从控制器返回 Json 时将 Json 作为文件下载

Question

  $("#frmCompose").submit(function () {

            $(this).ajaxSubmit({

                success: function (response) {
                    alert('success');
                }
            });

        });

控制器代码：

 [HttpPost]
        public ActionResult SendEmail(EmailMessageModel emailMessage)
        {
            try
            {
                // do something with the data
                return Json(new StatusModel { error = false });
            }
            catch (Exception)
            {
                return Json(new StatusModel { error = true, message = "Could not send email" });
            }
        }

查看代码：

<form id="frmCompose" method="post" action="SendEmail">
    <button id="compose" class="btn-pencil">
        Send</button>
    <div class="fields-inline">
        <div class="editor-label">
            @Html.Label("To:")
        </div>
        @Html.TextBox("txtTo")
    </div>
    <div class="fields-inline">
        <div class="editor-label">
            @Html.Label("Subject:")
        </div>
        @Html.TextBox("txtSubject")
    </div>
    <div class="fields-inline">
        <div class="editor-label">
            @Html.Label("Body:")
        </div>
        @Html.TextArea("txtBody")
    </div>
</form>

在我的控制器中，我返回带有文本消息的 JSON 结果。 为什么FireFox中的视图要将json作为文件下载来下载？

我想要做的就是确保在成功回调中得到响应

Answer 1

解决方案是在表单的 Submit() 调用函数中返回 false。

这样，json 结果将在提交函数中使用，而不是传递给浏览器进行处理。

$("#frmCompose").submit(function () {

            // submit data to server here....


            return false;
        });

Answer 2

根据文档：

由于无法上传
使用浏览器的文件
XMLHttpRequest 对象，表单插件
使用隐藏的 iframe 元素来帮助
与任务。这是一个常见的
技术，但有其内在的
限制。 iframe 元素是
用作表单的目标
提交操作意味着
服务器响应被写入
iframe。如果响应就很好
类型是 HTML 或 XML，但不起作用
如果响应类型是脚本
或 JSON，两者通常都包含
需要重新表达的字符
找到时使用实体引用
HTML 标记。

应对挑战
脚本和 JSON 响应，表单
插件允许这些响应
嵌入到 textarea 元素中
建议您这样做
这些响应类型在使用时
与文件上传结合。

这基本上意味着，如果您想使用 jquery 表单插件上传文件，并且您的表单包含文件输入字段，则服务器需要将返回的 JSON 包装到 </code> 标记中。