FireFox 和 IE9 尝试下载或显示 json-response，而不是让 javascript 解析它

Question

更新

我的问题是我使用 event.preventDefault() 而不是 return false 来阻止表单正常发布。 FF 和 IE 不喜欢这样，并通过该行破坏了 JS。我删除了它并在最后附加了 return false ，这解决了问题。感谢 Darin Dimitrov 提供了详尽的清单。

原始问题

我正在使用 ASP.NET MVC3 和 jquery ajax 将 json 数据发布到服务器并接收响应。但是，当我使用 Chrome 时，它​​会正常读取 json-response，更新我想要的 div 等。但对于 IE 和 FF，它不起作用。他们只阅读响应并仅在页面上显示该响应。

我看到其他一些线程提到将 mime 类型定义为“text/plain”。这改变了之前提示用户下载 json-response 的行为。

这是用于发布帖子的 javascript：

 $.ajax({
        url: $("#formRegister").attr("action"),
        type: 'POST',
        data: JSON.stringify(user),
        dataType: 'json',
        contentType: 'application/json, charset=utf-8',
        traditional: true,
        success: function (data) {
            alertMessage(data.Message);

        },
        error: function () {

        }
    });

这是接收调用并返回 JsonResponse 的 ActionMethod：

[HttpPost]
    public JsonResult Register(UserRegisterPackage package)
    {
        ClientAlert alert = new ClientAlert();
        if (package.Password != null)
        {       
            //bool success = Removed for simplicity's sake.
            bool success = true;
            if (success)
            {                    
                alert.Message = "Success!";                    
            }
            else
            {                    
                alert.Message = "Failed to register";                    
            }
        }
        else
        {                
            alert.Message = "You need to enter a password!";                
        }
        return Json(alert, "text/plain");
    }

正如我所说，当内容类型定义为 text/plain 时，浏览器仅显示响应，当未定义时，它会提示用户下载 json-response 来代替。

对于 FF，我似乎收到一个错误：

"event is not defined
event.preventDefault(); "

这可能与错误有关..但我需要阻止表单正常发布。 FF 或 IE 中的做法是否不同？

有什么想法吗？

Answer 1

要尝试的事情：

1. 如果此 $.ajax 调用是在某个锚点或 的 .click 或 .submit 处理程序内进行的。 form> 确保最后返回 false;，以便取消默认行为并为 AJAX 请求的执行留出时间。您使用的 attr('action') 让我相信情况确实如此。
2. 删除 traditional: true 参数，您正在发送 JSON 请求 =>这是无关紧要的。
3. 确保您的页面上没有其他 JavaScript 错误，因为它们可能会停止 js 执行并继续正常表单提交
4. 如果您打算返回 JSON，请从服务器中删除所有 text/plain。这样做是没有意义的，而且绝对不是你的问题的根源。只需使用return Json(alert);即可。

因此，如果您正在对表单进行 AJAX 化，您甚至不需要任何 JSON 请求，简单地说：

$('#formRegister').submit(function() {
    $.ajax({
        url: this.action,
        type: this.method,
        data: $(this).serialize(),
        success: function (data) {
            alertMessage(data.Message);
        },
        error: function () {

        }
    });
    return false;
});

如果您打算发送 JSON 请求，那么您的代码似乎没问题，jsu 确保没有其他 JS 错误。

Answer 2

我遇到了同样的问题，“JsonRequestBehavior.AllowGet”在 chrome 上运行良好，但在 IE 上失败。我尝试了多种格式，但以下是唯一适用于 IE 的格式。

return Json(additionalData, "text/html")

Answer 3

我在使用旧版本的 jQuery.Validate 时遇到了这个问题，这与设置不正确的数据类型中的错误有关。

确保您使用的是最新版本的 jQuery.validate

Answer 4

返回 Json(alert, "text/plain");

通常 Json(alert) 应该足够了。你可以尝试使用 application/json; charset=utf-8 作为内容类型？