码迷,mamicode.com
首页 > Web开发 > 详细

Razor Page中的AJAX

时间:2019-06-06 16:06:30      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:hidden   function   提交表单   ajax   handler   console   csrf   提交   error   

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

标签:hidden   function   提交表单   ajax   handler   console   csrf   提交   error   

原文地址:https://www.cnblogs.com/ROOKIEDEBUG/p/10985083.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!