Ajax请求Django应用程序

Question

我想通过使用jquery post方法提交表单。每次提交表单时，请求参数（request.POST）都是空的。我不确定为什么ajax请求无法发送参数。 JS代码：

<script> 
$('#myform').on('submit', function(e){ 
    let username = $("#username").val(); 
    let password = $("#password").val(); 
    let url = $('#myform').attr('action'); 
    $.post(url, { 
    username:username, 
    password:password 
    }, function(d){ 
    alert('success'); 
    }); 
}); 
$('#login').click(function(e){ 
    e.preventDefault(); 
    $('#myform').submit(); 
}); 

那我在这一步做错了什么？如果需要，我可以使用html表单和处理表单动作url的view函数。

Answer 1

请尝试使用以下内容，并检查Django服务器日志以检查是否收到请求，以及请求状态码是什么。

$.ajax({ 
     url: url, 
     data: data: { 
         username:username, 
         password:password, 
         csrfmiddlewaretoken: '{{ csrf_token }}' 
        }, 
     type: 'POST', 
     success: function(data) { 
      console.log(data.message); 
     }, 
     error: function(data) { 
      console.log(data.message); 
     } 
    }, 

Answer 2

尝试什么@Algorithmatic是在暗示，我认为它会工作。还请访问下面的内容以更好地理解AJAx请求。这对我来说太痛苦..

https://realpython.com/blog/python/django-and-ajax-form-submissions/

https://simpleisbetterthancomplex.com/tutorial/2016/08/29/how-to-work-with-ajax-request-with-django.html