MVC中jQuery Ajax无法提交含特殊字符的表单问题

看起来你的代码在常规场景下没问题，但遇到特殊字符（比如&、#、中文、空格或非ASCII字符）就失效，主要问题出在数据编码/解析的匹配以及代码里的几个小细节上，下面给你针对性的解决方案：

先修正代码里的基础小问题 #

你代码里的datatype应该写成dataType（jQuery的参数是驼峰命名），而且如果设置了dataType: "json"，success回调里的d已经是解析好的JSON对象，不需要再调用JSON.parse(d)——这一步多余操作反而可能在某些场景下引发错误：

$(document).ready(function() {
    $('#btnadd').click(function () {
        $.ajax({
            type: "POST",
            url: "@Url.Action("SaveUser", "UserMenu")",
            data: $('#SaveUserForm').serialize(),
            dataType: "json", // 修正为驼峰命名
            contentType: "application/x-www-form-urlencoded; charset=utf-8", // 明确编码类型
            traditional: true,
            success: function(d) {
                // 直接使用解析好的JSON对象
                if (d.Result === 'true') {
                    alert('success');
                } else {
                    alert('not success');
                }
            },
            error: function(xhr, status, error) {
                console.error('Ajax错误详情:', error); // 新增错误日志，方便排查问题
            }
        });
    });
});

针对特殊字符的进阶解决方案（更稳定） #

如果上面的修改还是解决不了问题，建议改用JSON格式提交表单数据——这种方式对特殊字符的兼容性更好，不会出现URL编码解析异常的情况：

前端代码

$(document).ready(function() {
    $('#btnadd').click(function () {
        // 将表单数据转为JSON对象
        var formData = {};
        $('#SaveUserForm').serializeArray().forEach(function(item) {
            formData[item.name] = item.value;
        });

        $.ajax({
            type: "POST",
            url: "@Url.Action("SaveUser", "UserMenu")",
            data: JSON.stringify(formData), // 序列化为JSON字符串
            dataType: "json",
            contentType: "application/json; charset=utf-8", // 必须设置为JSON类型
            traditional: true,
            success: function(d) {
                if (d.Result === 'true') {
                    alert('success');
                } else {
                    alert('not success');
                }
            },
            error: function(xhr, status, error) {
                console.error('Ajax错误详情:', error);
            }
        });
    });
});

后端代码（ASP.NET MVC示例）

需要给接收参数添加[FromBody]特性，告诉框架从请求体解析JSON数据：

[HttpPost]
public ActionResult SaveUser([FromBody] YourUserModel model)
{
    // 你的业务处理逻辑
    return Json(new { Result = "true" });
}

为什么这样能解决问题？ #

1. 原生serialize()方法是按application/x-www-form-urlencoded格式编码数据，特殊字符会被转义，但如果后端没有正确处理URL解码（比如手动获取参数时未调用HttpUtility.UrlDecode），就会导致数据损坏。
2. JSON格式提交时，数据以UTF-8编码的字符串传递，后端通过[FromBody]可以直接映射到模型对象，对特殊字符、中文的支持更可靠。

另外还要检查一下：表单里的所有输入元素是否都正确设置了name属性——serialize()和serializeArray()都是依赖name来生成数据的，缺失name会导致对应字段无法提交。

内容的提问来源于stack exchange，提问作者Parvez