この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:2
ページ更新者:guest
更新日時:2026-05-15 03:52:15

タイトル: CSRFトークンをAjaxで使用する方法
SEOタイトル: djangoにおけるCSRFトークンをAjaxで使用する方法

この記事の要点
  • Django (CSRF) を Ajax POST で使う方法
  • テンプレートでトークン取得: var token = '{{ csrf_token }}';
  • Ajax のヘッダに X-CSRFToken として送信
  • 汎用: jQuery なら $.ajaxSetup({beforeSend: function(xhr) { xhr.setRequestHeader('X-CSRFToken', token); }})

 

AjaxでPOSTする場合はformと同様にcsrf tokenが必要となる。

以下のように記述することでAjaxでもcsrf tokenが使用できる。

var token = '{{csrf_token}}';

$.ajax('test_ajax', {
                    method: "POST",
                    headers: { "X-CSRFToken": token },
                    processData: false,
                    contentType: false,
                    data: data,
                    dataType: 'json',
                    success: function(json) {
                        ...