Senden Sie Javascript-Daten an Django Ansichten

Question

Ich möchte Daten an meine Django-Ansicht senden und gleichzeitig die Seite umleiten. Also, ich denke, Ajax ist aus dem Fenster. Ich bin nicht sicher, wie man das über Jquery macht.

Answer 1

Sie brauchen jQuery dafür nicht. Create a form that performs a POST to the appropriate URL und reichen Sie es ein.

Answer 2

Hier ist mein Code zum Senden von Daten per POST an einen Django-Server. Ich besuchte die Seite, die Ignacio vorgeschlagen hatte, und fügte auch csrf hinzu, so dass es mit typischen Djano-Ansichten funktioniert.

// get cookie using jQuery 
    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 post_to_url(path, params, method) { 
     method = method || "post"; // Set method to post by default if not specified. 

     // The rest of this code assumes you are not using a library. 
     // It can be made less wordy if you use one. 
     var form = document.createElement("form"); 
     form.setAttribute("method", method); 
     form.setAttribute("action", path); 

     for(var key in params) { 
      if(params.hasOwnProperty(key)) { 
       var hiddenField = document.createElement("input"); 
       hiddenField.setAttribute("type", "hidden"); 
       hiddenField.setAttribute("name", key); 
       hiddenField.setAttribute("value", params[key]); 

       form.appendChild(hiddenField); 
      } 
     } 

     csrfField = document.createElement("input"); 
     var csrftoken = getCookie('csrftoken') 
     console.log("token" + csrftoken) 
     csrfField.setAttribute("type", "hidden"); 
     csrfField.setAttribute("name", "csrfmiddlewaretoken"); 
     csrfField.setAttribute("value", csrftoken) 
     form.appendChild(csrfField) 

     document.body.appendChild(form); 
     form.submit(); 
    }