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

回答

相关问题