切記ajax中要帶上AntiForgeryToken防止CSRF攻擊
經(jīng)常看到在項目中ajax post數(shù)據(jù)到服務(wù)器不加防偽標記,造成CSRF攻擊
在Asp.net Mvc里加入防偽標記很簡單在表單中加入Html.AntiForgeryToken()即可。
Html.AntiForgeryToken()會生成一對加密的字符串,分別存放在Cookies 和 input 中。
我們在ajax post中也帶上AntiForgeryToken
@model WebApplication1.Controllers.Person @{ ViewBag.Title = "Index"; } <h2>Index</h2> <form id="form1"> <div class="form-horizontal"> <h4>Persen</h4> <hr /> @Html.ValidationSummary(true, "", new { @class = "text-danger" }) <div class="form-group"> @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } }) @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" }) </div> </div> <div class="form-group"> @Html.LabelFor(model => model.Age, htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.EditorFor(model => model.Age, new { htmlAttributes = new { @class = "form-control" } }) @Html.ValidationMessageFor(model => model.Age, "", new { @class = "text-danger" }) </div> </div> <div class="form-group"> <div class="col-md-offset-2 col-md-10"> <input type="button" id="save" value="Create" class="btn btn-default" /> </div> </div> </div> </form> <script src="~/Scripts/jquery-1.10.2.min.js"></script> <script src="~/Scripts/jquery.validate.min.js"></script> <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script> <script type="text/javascript"> $(function () { //var token = $('[name=__RequestVerificationToken]'); //獲取防偽標記 var token = $('@Html.AntiForgeryToken()').val(); var headers = {}; //防偽標記放入headers //也可以將防偽標記放入data headers["__RequestVerificationToken"] = token; $("#save").click(function () { $.ajax({ type: 'POST', url: '/Home/Index', cache: false, headers: headers, data: { Name: "yangwen", Age: "1" }, success: function (data) { alert(data) }, error: function () { alert("Error") } }); }) }) </script>
放在cookies里面的加密字符串
控制器中代碼
using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Web; using System.Web.Helpers; using System.Web.Mvc; namespace WebApplication1.Controllers { public class HomeController : Controller { public ActionResult Index() { return View(); } [HttpPost] [MyValidateAntiForgeryToken] public ActionResult Index(Person p) { return Json(true, JsonRequestBehavior.AllowGet); } } public class Person { public string Name { get; set; } public int Age { get; set; } } public class MyValidateAntiForgeryToken : AuthorizeAttribute { public override void OnAuthorization(AuthorizationContext filterContext) { var request = filterContext.HttpContext.Request; if (request.HttpMethod == WebRequestMethods.Http.Post) { if (request.IsAjaxRequest()) { var antiForgeryCookie = request.Cookies[AntiForgeryConfig.CookieName]; var cookieValue = antiForgeryCookie != null ? antiForgeryCookie.Value : null; //從cookies 和 Headers 中 驗證防偽標記 //這里可以加try-catch AntiForgery.Validate(cookieValue, request.Headers["__RequestVerificationToken"]); } else { new ValidateAntiForgeryTokenAttribute() .OnAuthorization(filterContext); } } } } }
這里注釋掉ajax中防偽標記在請求
$("#save").click(function () { $.ajax({ type: 'POST', url: '/Home/Index', cache: false, // headers: headers, data: { Name: "yangwen", Age: "1" }, success: function (data) { alert(data) }, error: function () { alert("Error") } }); })
默認返回500的狀態(tài)碼。
這里修改ajax中的防偽標記
$(function () { //var token = $('[name=__RequestVerificationToken]'); //獲取防偽標記 var token = $('@Html.AntiForgeryToken()').val(); var headers = {}; //防偽標記放入headers //也可以將防偽標記放入data headers["__RequestVerificationToken"] = token+11111111111111111111111111111111111; $("#save").click(function () { $.ajax({ type: 'POST', url: '/Home/Index', cache: false, headers: headers, data: { Name: "yangwen", Age: "1" }, success: function (data) { alert(data) }, error: function () { alert("Error") } }); }) })
也是500的狀態(tài)碼。
以上內(nèi)容就是本文的全部敘述,切記ajax中要帶上AntiForgeryToken防止CSRF攻擊,小伙伴們在使用過程發(fā)現(xiàn)有疑問,請給我留言,謝謝!
相關(guān)文章
.NET2.0環(huán)境下的Ajax選型和應(yīng)用(提供Demo源碼下載)
.NET2.0環(huán)境下的Ajax選型和應(yīng)用(提供Demo源碼下載)...2007-05-05Jquery基于Ajax方法自定義無刷新提交表單Form實例
這篇文章主要介紹了Jquery基于Ajax方法自定義無刷新提交表單Form的方法,結(jié)合實例詳細分析了Ajax無刷新提交表單的完整實現(xiàn)過程,并總結(jié)了使用中的注意事項,具有很好的借鑒價值,需要的朋友可以參考下2014-11-11ajax處理服務(wù)器返回的三種數(shù)據(jù)類型方法
這篇文章主要介紹了ajax如何處理服務(wù)器返回的三種數(shù)據(jù)類型,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10探討Ajax中有關(guān)readyState(狀態(tài)值)和status(狀態(tài)碼)的問題
這篇文章主要介紹了探討Ajax中有關(guān)readyState(狀態(tài)值)和status(狀態(tài)碼)的問題的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-06-06ajax交互Struts2的action(客戶端/服務(wù)器端)
本文為大家探討下ajax交互Struts2的action并有客戶端及服務(wù)器端代碼,感興趣的朋友可以參考下,希望對大家有所幫助2013-08-08使用Ajax技術(shù)通過XMLHttpRequest對象完成首頁登錄功能
這篇文章主要介紹了使用Ajax技術(shù)通過XMLHttpRequest對象完成首頁登錄功能,很不錯的嘗試,需要的朋友可以參考下2014-08-08