Как отправить форму ajax на загрузку страницы

Question

Я хочу, чтобы моя страница отправляла ajax на загрузку страницы, но поскольку я действительно новый, я пытался использовать чей-то код.

Я хотел, чтобы вы помогли мне узнать, почему он не работает. Примечания: я Uncaught TypeError: Object #<HTMLFormElement> has no method 'ajaxSubmit'

Вот код:

{% if my_data %} 
    <form id="data-form-1" action="/dta/import/" method="post"> 
    {% csrf_token %} 
    <input type="hidden" name="current_data" value="{{ my_data }}" /> 
    </form> 
{% endif %} 

А вот сценарий:

<script>document.getElementById('data-form-1').ajaxSubmit({ 
     dataType : 'json', 
     success : function(response, statusText, xhr){ 
      if(response.result.toLowerCase() == 'ok') 
      { 
      $(".list-empty").remove(); 
      addDataArray(response.data); 
      btnStatus('success'); 
      } 
      else 
      btnStatus('error'); 
     }, 
     error : function(xhr, statusText, errorThrown){ 
      btnStatus('error'); 
     } 
     }); 
</script> 

Надеется, что вы можете мне помочь.

Примечание 2: Я не использую PHP, просто JS и HTML

Answer 1

ajaxSubmit функция JQuery, а не регулярная функция JavaScript в форме, так что вам нужен объект JQuery. Изменение

document.getElementById('data-form-1').ajaxSubmit(... 

в

$('#data-form-1').ajaxSubmit(... 

Answer 2

document.getElementById('data-form-1') не является объектом Jquery. ajaxSubmit может быть вызван только на преобразование того же в объект JQuery с помощью $('#data-form-1')