Django Ajax CSRF錯誤403或500

我嘗試更改管理界面。我添加了一個字段，通過Ajax在我的商店應用程序中更改訂單的狀態。Django Ajax CSRF錯誤403或500

這是我的JavaScript代碼：

$(document).ready(function() { 
    $('.order-helper').css("margin", "0"); 
    $('.order-helper').blur(function(){ 
     var input = $(this); 
     $.ajax({ 
      url: "/ajax-status-update/"+ input.attr('name') +"/", 
      data: order=input.attr('value'), 
      type: "POST", 
      complete: function(xhr_obj, msg){ 
       if (msg == 'success') { 
        input.css("border", "1px solid green"); 
       } else { 
        input.css("border", "1px solid red"); 
       } 
      }, 
     }); 

    }); 
});

這是我的看法：

def order_helper(request, prod_id): 
prod = get_object_or_404(FixedOrder, id=prod_id) 
prod.status = request.POST.get('order') 
prod.save() 
return HttpResponse(content='Ok', status=200)

的視圖適用於沒有Ajax調用。

我讀了大量關於這方面的文章，沒有任何作品適合我。我知道它以某種方式與CSRF連接。在控制檯中，我得到一個403錯誤。

我讀，我要的任意位置添加這段JavaScript代碼片段：

$(document).ajaxSend(function(event, xhr, settings) { 
    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; 
    } 
    function sameOrigin(url) { 
     // url could be relative or scheme relative or absolute 
     var host = document.location.host; // host + port 
     var protocol = document.location.protocol; 
     var sr_origin = '//' + host; 
     var origin = protocol + sr_origin; 
     // Allow absolute or scheme relative URLs to same origin 
     return (url == origin || url.slice(0, origin.length + 1) == origin + '/') || 
      (url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') || 
      // or any other URL that isn't scheme relative or absolute i.e relative. 
      !(/^(\/\/|http:|https:).*/.test(url)); 
    } 
    function safeMethod(method) { 
     return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method)); 
    } 

    if (!safeMethod(settings.type) && sameOrigin(settings.url)) { 
     xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken')); 
    } 
});

但如果我添加此我在控制檯中看到500。我如何檢查它是什麼樣的問題？也許我錯過了一個CSRF令牌？

來源

2011-06-01 Rafal

如果你有螢火蟲，會有一個當您發出AJAX請求時，控制檯中的「HTML」標籤，然後您可以看到您的錯誤是什麼。 – bcoughlan 2011-06-01 17:38:45

在html選項卡中我只看到html文檔，可以解釋一下該怎麼做？ – Rafal 2011-06-01 20:11:26

如果你有500錯誤，HTML頁面應該說錯誤是什麼。我只是想知道錯誤是什麼。 – bcoughlan 2011-06-01 20:18:05

您的data參數爲$.ajax未正確轉義。你的問題的心臟可能在於有：

$.ajax({ 
    url: "/ajax-status-update/"+ input.attr('name') +"/", 
    data: "order=" + input.attr('value'), 
    type: "POST", 
    complete: function(xhr_obj, msg){ 
     if (msg == 'success') { 
      input.css("border", "1px solid green"); 
     } else { 
      input.css("border", "1px solid red"); 
     } 
    }, 
});

如果你想繼續使用CSRF中間件，你應該序列化，而不是一種形式：

data: $('#theForm').serialize(),

來源

2011-06-02 19:26:47

Django Ajax CSRF錯誤403或500

回答

相關問題