javascript - 如何在传单弹出窗口中以html形式创建csrf token ？

Question

如何在传单弹出窗口中创建 csrf token ，以便用户可以通过与表单交互将一些文本发布到数据库？我已将 {% csrf_token %} 标记添加到一个简单的 html 表单中，效果很好，但当我将其放入弹出窗口的内容部分时，它不起作用，尽管其他 html 元素工作正常。

map.on('click', function(e) {
 var popupContent = '<p>What would you like to post to this location? <form action="/post_temp/" method="post"> {% csrf_token %} <p> <input type="text" name="post"> </p> <input type="submit" value="Post"> </form>',  
 popup = new L.Popup();  
 popup.setLatLng(e.latlng);
 popup.setContent(popupContent);
 map.openPopup(popup);

});

基本上，当我保留 token 时，Leaflet map 不会完全加载，但如果我将其保留，则会收到 CSRF token 丢失或不正确的错误。

我对这一切(javascript/leaflet/web dev/django)有点陌生，所以我不确定问题来自哪里或我应该从哪里开始？我想我将不得不浏览 leaflet.js 代码，但我不相信我能够理解它。任何明确的建议或我可以插入的一些代码，或者只是为什么(用外行人的话来说)代码不起作用，非常感谢!

Answer 1

您可以自行发送csrfmiddlewaretoken

$.post("/view_func/", 
      {
        yourself_var:yourself_data,
        csrfmiddlewaretoken:getCookie('csrftoken'),//or use $.cookie
      }, 
      function(data) {
       //handler result
      }
    )

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;
}  

享受它