javascript - 通过 ajaxsetup 发布带有附加参数的表单序列化数据

Question

我正在使用 $.ajax 提交表单，我想在提交中添加一个不属于表单输入的键值对，这对我的所有表单都是通用的。所以我计划将公共(public)部分移动到 ajaxsetup。我想在 Action 中接收这些作为两个参数，如 ModelData、TokenKey我的html代码

<form id="frm">
    @Html.TextBoxFor(m => m.Name)
    <input type="button" value="Test" onclick="AjaxPost(); return false;" />
</form>

我的 Java 脚本

$(function () {
        $.ajaxSetup({ data: { 'TokenId': 'TokenId Value'} });
    });

    function AjaxPost() {
        var frm = $("#frm");
        $.ajax({
            url: '/Home/Index',
            type: 'POST',
            data: frm.serialize(),
            success: function () { }
        });
    }

这是行不通的!如果我删除了 AjaxPost 函数中的数据 TokenId 正在发布，否则不是。

Answer 1

我认为这是一个很好的解决方案:

$.ajaxPrefilter(function(options, originalData, xhr){
  if (options.data)
    options.data += "&TokenId=TokenValue";
});

这将影响所有 ajax 调用。查看代码笔 DEMO