2013-05-28 31 views
7

bir POST isteği için bir Django görünüm yazmak için: bir çift değer ile POST isteği gönderen bir junit düğmesi:Ben çok küçük bir örneğini yazdım

<!doctype html> 

<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Button - Default functionality</title> 
    <script src="{{STATIC_URL}}js/jquery-1.9.1.js"></script> 
    <script src="{{STATIC_URL}}js/jquery-ui-1.10.3.custom.js"></script> 
    <link rel="stylesheet" href="{{STATIC_URL}}css/jquery-ui-1.10.3.custom.css"> 

    <script> 
    $(function() { 
    $("button") 
     .button() 
     .click(function(event) { 
     var postdata = { 
      'value1': 7, 
      'value2': 5 
     }; 
     $.post('', postdata); // POST request to the same view I am now 
     window.alert("Hello world!"); // To know it is working 
     }); 
    }); 
    </script> 
</head> 
<body> 

<button>Submit</button> 


</body> 
</html> 

Yani, görünüm kılınmış bir GET isteği localhost'a gönderilir: 8000/button /, ve düğmesine basıldığında POST isteği de localhost'a gönderilir: 8000/button /.

urls.py

from django.conf.urls import patterns, url 

urlpatterns = patterns('', 
    url(r'^button/$', 'helloworld.views.buttonExample'), 
    ) 

views.py GET isteği tamamlandığında

def buttonExample(request): 
    print 'RECEIVED REQUEST: ' + request.method 
    if request.method == 'POST': 
     print 'Hello' 
    else: #GET 
     return render(request, 'buttonExample.html') 

, görünüm doğru olarak görüntülenir ve ben de çizgileri teselli Django okuyabilir:

RECEIVED REQUEST: GET <---- This line is because of my print 
[28/May/2013 05:20:30] "GET /button/ HTTP/1.1" 200 140898 
[28/May/2013 05:20:30] "GET /static/js/jquery-1.9.1.js HTTP/1.1" 304 0 
[28/May/2013 05:20:30] "GET /static/js/jquery-ui-1.10.3.custom.js HTTP/1.1" 304 0 
[28/May/2013 05:20:30] "GET /static/css/jquery-ui-1.10.3.custom.css HTTP/1.1" 304 0 
... 

Düğmeye basıldığında, şunu görebiliyorum:

Ancak "ALINAN TAVSİYE: POST" yazdırılmaz. "Merhaba" da değil. Bir POST geldiğinde urls.py görünümüne hizmet vermiyor gibi görünüyor, çünkü Firebug'da POST durumunun 403 FORBIDDEN olduğunu görebiliyorum.

Bu muhtemelen aptalca bir yeni kullanıcı hatasıdır, ama neyi kaçırdığımı bilmiyorum. django book chapter about advanced URLConf and Views'u okudum ve request.method değerini kontrol ederek çalışacak gibi görünüyor.

+0

Şablonu csrf belirteci olarak adlandırın .. – Rajeev

cevap

8

Bu, tasarım gereğidir. POST verileriniz csrfmiddlewaretoken değerini içermelidir. Bunu çerezlerinizden alabilir ve ardından POST istekleriyle gönderebilirsiniz. Details here. senin durumda, bunu yapabilirsiniz - Sen çünkü CSRF koruması bir 403 alıyorsanız

<script> 
$(function() { 
    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'); 

    $("button") 
     .button() 
     .click(function (event) { 
      var postdata = { 
       'value1': 7, 
       'value2': 5, 
       'csrfmiddlewaretoken': csrftoken 
      }; 
      $.post('', postdata); // POST request to the same view I am now 
      window.alert("Hello world!"); // To know it is working 
     }); 
}); 
</script> 
+0

Bir örnek verebilir misiniz? Sadece 'csrfmiddlewaretoken' = $ .cookie ('csrftoken'), '' postdara değişkenine '' satırı ekledim ve POST artık gönderilmiyor –

+0

Güncelleme yanıtı. Kontrol. –

+1

BTW, $ .cookie'yi kullanarak jQuery çerez eklentisini gerektirir. –

3

- ve bir jeton sunmadınız. The documentation, bilmeniz gereken her şeyi anlatır.

+2

Bağlantı şu anda kullanılamıyor. Lütfen güncelle. –

İlgili konular