Razor Page中的AJAX

1.由于Razor Pages自带提供防伪令牌/验证，用来防止跨站点请求伪造（称为XSRF或CSRF），所以和MVC框架中API使用方式有稍许的不同。

2.所以在我们使用Razor Pages中的form表单提交数据时，框架会自动帮我们生成一个隐藏的Input,并在我们提交表单时加入在请求报文头中。

<input name="__RequestVerificationToken" type="hidden" value="CfDJ8P-uB18ojyNBnPHyBPpQMcjMi3bb01uB9VeJk0C6GO2bVdSnt7aSGr63GOKObkLt7HBZqhVPvlmS9GLn8-To2XHw5F1L3ARqXFsXQhqpMSnuVSRBpYkZo6-7Gtv3CJrUTR6uRZdEh5ZwKsLpZSqdZEs" />

3.然而我们使用AJAX向一个post方法提交数据时，就会发现服务器端返回400状态码，这是因为我们在请求头并未携带token过去，所以我们应该这样写

 @Html.AntiForgeryToken()    //在html页面上生成隐藏的input，token就存放在里面，当然要是你的页面上有form表单也就不用写上这个

 

 $.ajax({
                    method: 'post',
                    url: "/?handler=Data",
                    headers: {
                        RequestVerificationToken:
                            $('input:hidden[name="__RequestVerificationToken"]').val()
                    },
                    success: function (data) {
                            console.log(data);
                        }, error: function (error) {
                            console.log(error);
                        }
                    })

 

转载于:https://www.cnblogs.com/ROOKIEDEBUG/p/10985083.html