ASPNET CORE Ajax Post приводит к 400 неверным запросам

Похоже, у вас глобально применен фильтр AutoValidateAntiforgeryTokenAttribute. Это означает, что когда вызывается метод действия HTTP Post (нормальный или ajax), фреймворк проверяет отправленные данные запроса, и если он не находит действительный токен защиты от подделки (заголовок RequestVerificationToken), он будет считаться неправильным запросом и 400 ответ будет отправлен обратно.

Чтобы решить эту проблему, вы можете явно прочитать значение скрытого ввода __RequestVerificationToken (сгенерированное помощником тега формы) и отправить его в заголовках запроса ajax.

var t = $("input[name='__RequestVerificationToken']").val();

$.ajax({
    url: "/test/TestCall",
    type: 'Post',
    headers:
    {
        "RequestVerificationToken": t
    },
    success: function (result) {
        alert("Success");
        var res = result;
    },
    error: function (jqXHR) {
        var z = 3;
    },
    complete: function (jqXHR, status) {
        var x = 10;
    }
});

Вы можете сделать код более надежным, внедрив реализацию IAntiforgery в представление / страницу и используя метод GetAndStoreTokens.

Добавьте это к своему обзору

@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
@functions{
public string GetAntiXsrfRequestToken()
{
    return Xsrf.GetAndStoreTokens(Context).RequestToken;
}
}

и вызовите эту функцию GetAntiXsrfRequestToken, чтобы получить значение в вашем javascript (который находится внутри файла представления)

headers:
{
    "RequestVerificationToken": '@GetAntiXsrfRequestToken()'
},

Попробуйте указать в шапке с X-XSRF-TOKEN.

Для ABP Intercept XMLHttpRequest.

Since all libraries use JavaScript's native AJAX object, XMLHttpRequest, you can define a simple interceptor to add the token to the header:

(function (send) {
    XMLHttpRequest.prototype.send = function (data) {
        this.setRequestHeader(abp.security.antiForgery.tokenHeaderName, abp.security.antiForgery.getToken());
        return send.call(this, data);
    };
})(XMLHttpRequest.prototype.send);

Для abp.security.antiForgery.tokenHeaderName значение по умолчанию - X-XSRF-TOKEN.

В Core - убедитесь, что ваш тег <form> включает method = "post".

Этот метод требуется для вызова помощника тега формы, который автоматически добавляет в форму токен защиты от подделки. (Я случайно отказался от этого метода и не заметил, потому что публиковал его с помощью ajax.)

В Net Core RazorPages вам нужно будет передать AntiForgeryToken с помощью запроса JQuery Ajax Post. если у вас есть тег формы с Method = Post, вам не нужно беспокоиться об его отправке.

$.ajax({
    type:"post",
    url:"?Handler=Update",
    dataType:"json",
    beforeSend: function(xhr){
      xhr.setRequestHeader("XSRF-TOKEN",
        $('input:hidden[name = "__RequestVerificationToken"]').val());
    },
    success: function(result){
      // do something
    }
});

Затем на вашей странице Razor

@using Microsoft.AspNetCore.Antiforgery
@inject IAntiforgery antiforgery
@{
   var token = antoforgery.GetAndStoreTokens(HttpContext).RequestToken;
}

Не забудьте добавить

@Html.AntiForgeryToken()

Затем в вашем StartUp.cs внутри метода ConfigureServices добавьте

services.AddAntiforgery(o => o.HeaderName = "XSRF-TOKEN");