Элемент, не проводящий с AJAX

Question

У меня есть форма входа в систему с элементом <a>, с которым я хочу отправить запрос на отправку. Когда я отлаживаю внутренний код Django, он не видит метод запроса как POST, а скорее как GET.

HTML

<form id="login"> 
     {% csrf_token %} 
    {{login_form.as_p}} 
     <a id="post" href="">post</a> 
    </form> 

JavaScript

$('document').ready(function(){ 
    $('a#post').click(function(){ 
     $.ajax({ 
      type: 'POST', 
      url: '#', 
      data: {csrfmiddlewaretoken: '{{ csrf_token }}' }, 
      dataType: 'json', 
      success: function(data){ 
       console.log(data); 
      } 
     }) 
    }) 
}) 

Почему это?

Answer 1

Вы должны предотвратить действие по умолчанию якоря, который будет просто перезагрузить страницу, когда атрибут href пуст

$(document).ready(function(){ 
    $('#post').on('click', function(e) { 

     e.preventDefault(); 

     $.ajax({ 
      type : 'POST', 
      url : window.location.href, 
      data : {csrfmiddlewaretoken: '{{ csrf_token }}' }, 
      dataType: 'json', 
      success: function(data){ 
       console.log(data); 
      } 
     }); 
    }); 
});