ajax解决csrf

最新推荐文章于 2023-01-05 17:27:23 发布

NightCharm

最新推荐文章于 2023-01-05 17:27:23 发布

阅读量3.1k

点赞数

分类专栏： django 文章标签： csrf django跨站请求

本文链接：https://blog.csdn.net/NightCharm/article/details/79859759

版权

django 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文介绍两种使用 AJAX 发起跨站请求的方法，并详细解释如何通过设置 csrftoken 来确保请求的安全性。第一种方法直接利用 jQuery 库进行数据提交；第二种方法则将 csrftoken 的获取封装为一个独立的 JavaScript 函数。

摘要由CSDN通过智能技术生成

ajax跨站请求

方式一

$.ajax({
  url: "/cookie_ajax/",
  type: "POST",
  data: {
    "username": "Q1mi",
    "password": 123456,
    "csrfmiddlewaretoken": $("[name = 'csrfmiddlewaretoken']").val()  // 使用JQuery取出csrfmiddlewaretoken的值，拼接到data中
  },
  success: function (data) {
    console.log(data);
  }
})

方式二

可以把这个封装到一个js文件中，在html页面中引用，就可以提交数据了

function getCookie(name) {
    var cookieValue = null;
    if (document.cookie && document.cookie !== '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) === (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}
var csrftoken = getCookie('csrftoken');

function csrfSafeMethod(method) {
  // these HTTP methods do not require CSRF protection
  return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}

$.ajaxSetup({
  beforeSend: function (xhr, settings) {
    if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
      xhr.setRequestHeader("X-CSRFToken", csrftoken);
    }
  }
});