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);

                        }

                    })

巴特西

Razor Page中的AJAX

最新文章

热门文章