邮件请求给403禁止django ajax

Question

我有一个注册表单和一个函数通过ajax将值发布到django，但由于某些原因，post请求说403 forbidden但get请求完成了这项工作。

我想在此功能中使用post请求，但它似乎不起作用，尝试在模板中放置{% csrf_form %} ，但它仍然说403 Forbidden 。 任何消化？

Views.py

from django.http import HttpResponse
from django.shortcuts import render
from django.views import View

class signUp(View):
    def post(self, request):
        return HttpResponse(" POST method  successfull !!")

Urls.py

path('insert/', views.signUp.as_view()),

HTML表格：

{% extends 'base.html' %}

{% block title %}
<title> Register </title>
{% endblock %}


{% block content %}

<div class="row breadcrumb_nav">

    <div class="col-md-1" ></div>
    <div class="col-md-10" style="margin-bottom: 35px;">
       <!-- START col-md-12 Section -->
       <ol class="breadcrumb  nm" >
          <li><a href="login.php"> Home </a></li>
          <li class="active"> Register </li>
       </ol>
       <div id="quickViewPage_error_container">
          <div id="animated_image"></div>
          <div id="results_container"></div>
       </div>
    </div>
    <!--end of col-md-12 -->
    <div class="col-md-1" ></div>

</div> <!-- end of row -->


<!--start of row -->
<div class="row">
   <div class="col-md-1" ></div>
   <div class="col-md-12"> <!-- START Right Section -->
      <div class="main_shadow panel panel-default"> <!-- START OF panel panel-default-->
         <div class="panel-body panel-body-padding"> <!-- -START OF PANE -->
            <div class="modal-header">
               <h4 class="modal-title" id="exampleModalLabel"> Register </h4>
            </div>
            <div class="modal-body">
               <div class="panel-body"> <!-- -START OF PANE -->
                  <form id="signup_form" name="signup_form" method="post">
                      {% csrf_token %}
                     <div class="form-group">
                        <div class="row">
                           <div class="col-sm-6">
                              <label class="control-label"> eMail  <span class="text-danger">*</span></label>
                              <input name="email" type="text" class="form-control" autocomplete="off" required>
                           </div>
                           <div class="col-sm-6">
                              <label class="control-label">Password <span class="text-danger">*</span></label>
                              <input name="password" type="password" class="form-control" autocomplete="off" data-parsley-trigger="change"  required>
                           </div>
                        </div>

                     </div>
                     <input type="hidden" name="register_new_user" id="register_new_user" value="register_new_user">

                     <input type="submit" name="register_btn" id="register_btn" class="btn btn-primary" value="Register" style="float:left;padding-left:25px;padding-right:25px;margin-right: 25px;">

                     <a href="/register">
                         <input type="button"  class="btn btn-primary" value="Register Now" style="float:left;padding-left:25px;padding-right:25px;">
                     </a>

                  </form> <!--end of Login_Management -->
               </div> <!-- END OF panel-body -->
            </div>
         </div> <!-- END OF panel-body -->
      </div> <!--/ End of  Form  layout -->
   </div> <!-- END OF Right Section -->
   <div class="col-md-1" ></div>
</div>
<!-- end of row -->

enter code here
{% endblock %}

{% block javascript %}

<script>
$('#register_btn').click(function(e) {
e.preventDefault();

$.post('/insert/', '&register_new_user=register_new_user' + 
'&csrftoken={{ csrf_token }}' , function(response) {
    $('#results_container').html(response);
});

});
</script>

{% endblock %}

Answer 1

您正在路径中发送数据，如下所示：

$.post('/insert/', '&register_new_user=register_new_user' + 
'&csrftoken={{ csrf_token }}' , function(response) {
    $('#results_container').html(response);
});

尝试在正文中发送数据：

$.post( '/insert/', { register_new_user: "register_new_user", csrftoken: "your_token_here" } );