Django 中的网络聊天应用程序

Question

我是 Django 新手，试图开发一个聊天网络项目并卡住了。有人可以帮助我应该使用哪种方法吗？ 我想在不更改 URL 的情况下将文本框数据传递给 Python，但我无法传递它。 我的 Javascript 代码

$("#button").click(function(){
var msg = $('#textbox').val();  
$("<div class='user' id='user'>"+msg+"</div>").insertBefore('.insert_after');
$('.msg_body').scrollTop($('.msg_body')[0].scrollHeight);

我在下面使用了这个 ajax 代码。但是我无法在 views.py 文件中检索结果

$('.ajaxProgress').show();
    $.ajax({
        type: "POST",
        url: "http://localhost:8080/bot/",
        dataType: "json",
        async: true,
        data:{
            csrfmiddlewaretoken: '{{ csrf_token }}',
            message: $('#textbox').val()
        },
        success: function(json){
            $('#test').html(json.message);
            $('.ajaxProgress').hide();
        }
    });
    $('#textbox').val("");

    });

谁能解释我如何在views.py中使用它。我收到 csrf_token 的 Forbidden 错误，

Answer 1

在你的 js 代码中有一个小错误

$(document).ready(function() {
  $("#button").click(function(){
    //some code
    var msg = $('#textbox').val();  
    $('#textbox').val("");                 /*if you are assigning "" to textbox */
    $.ajax({
      type: "POST",
      url: "/bot/",
      dataType: "json",
      async: true,
      data:{
          csrfmiddlewaretoken: '{{ csrf_token }}',
          message: msg                                   /*then here you have to use msg*/
      },
      success: function(json){
        //further code
      }
    });
    $('#textbox').val("");
  });
});

说到csrf_token的禁止错误你必须参考this来解决

参考工作代码here

Answer 2

是的，很多人收到这种错误，放在你的 html 的末尾。如果你有一个base.py，你的所有模板都从它扩展而来，你也可以把它放在那里。这解决了 AJAX csrf_token 问题。这可能是一个重复的答案，但我找不到我的其他帖子与此代码。

{% csrf_token %}
<script type="text/javascript">
var csrftoken = jQuery("[name=csrfmiddlewaretoken]").val();

function csrfSafeMethod(method) {
    // these HTTP methods do not require CSRF protection
    return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
$.ajaxSetup({
    beforeSend: function(xhr, settings) {
        if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
            xhr.setRequestHeader("X-CSRFToken", csrftoken);
        }
    }
});
</script>

编辑：找到我的另一个帖子。