Ajax Post 无法识别我的 AntiForgeryToken答案

【问题标题】：Ajax Post not recognizing my AntiForgeryTokenAjax Post 无法识别我的 AntiForgeryToken
【发布时间】：2013-10-30 13:21:12
【问题描述】：

我正在尝试使用此代码发布 $.ajax：

$('button#removeTeamMember').click(function() {
        var thisPlayerId = $(this).attr('data-bind').valueOf();
        var thisTeamId = $('#hidden').text();
    alert("PlayerId: " + thisPlayerId + " TeamId: " + thisTeamId);

    $.ajax({
        type: "POST",
        url: "/Teams/RemoveTeamMember",
        data: AddAntiForgeryToken({ playerId: thisPlayerId, teamId: thisTeamId }),
        dataType: "text",
        contentType: "application/json",
        success: function(returnedData) {
            if (returnedData.success === true) {
                window.location = "/Teams/Details?id=" + thisTeamId;
            } else {
                alert("An error occurred removing the team member.");
            }
        },
        error: function(jqxhr, textStatus, errorThrown) {
            alert("jqxhr: " + jqxhr.readyState + "; " + jqxhr.status + "; " + jqxhr.responseText);
            alert("textStatus: " + textStatus);
            alert("errorThrown: " + errorThrown);
        },
        async: false
    });
});

这是我的控制器代码：

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult RemoveTeamMember(int playerId, int teamId)
{
    var teamMember = _teamMemberRepository.Query().FirstOrDefault(tm => tm.Player.PlayerId == playerId && tm.Team.TeamId == teamId);
    _teamMemberRepository.Delete(teamMember);

    //return RedirectToAction("Details");
    return Json(new {success = true});
}

查看代码如下：

<form method="POST" action="#" role="form">
        @Html.AntiForgeryToken()

        <div class="panel panel-primary">
            <div class="panel-heading"><h3>@Model.Team.TeamName</h3></div>
            <div class="panel-body">
                <div class="col-md-6">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Player Type</th>
                                <th>Player</th>
                                <th>Handicap</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Manager</td>
                                <td>@Html.ActionLink(@Model.Team.TeamManager.DisplayName, "#")</td>
                                <td></td>
                                <td></td>
                            </tr>

                            @foreach (var teamMember in @Model.Team.TeamMembers)
                            {
                                <tr>
                                    <td>Player</td>
                                    <td><a href="#">@teamMember.Player.DisplayName</a></td>
                                    <td>Handicap</td>
                                    <td>
                                        <button id="removeTeamMember" class="btn btn-xs btn-danger" data-bind="@teamMember.Player.PlayerId">Remove</button>
                                        <div id="hidden" style="visibility: hidden">@teamMember.Team.TeamId</div>
                                    </td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </form>

我收到错误消息，说 AntiForgeryToken 不存在，即使它是通过我从here 获得的“AddAntiForgeryToken”调用的。我还做错了什么？

【问题讨论】：

标签： c# ajax asp.net-mvc asp.net-mvc-4 antiforgerytoken

【解决方案1】：

确保您已添加要查看的防伪。

您必须在当前剃须刀页面中具有以下内容。

@Html.AntiForgeryToken()

这会将正确的 html 标记呈现到页面中，AddAntiForgeryToken 将选择此元素并将其插入到您的 ajax 数据中。

【讨论】：

【解决方案2】：

answer you linked 中的 AddAntiForgeryToken 函数假定您的 AntiForgeryToken 隐藏字段输入有一个具有此 ID 的容器（表单）：__AjaxAntiForgeryForm。你没有那个。从选择器中删除 id 并将其替换为 form 例如：

$('form input[name=__RequestVerificationToken]').val();

或者将id添加到表单中：

<form method="POST" action="#" role="form" id="__AjaxAntiForgeryForm">

【讨论】：