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