如何在頁面加載時提交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對象。 只有在使用$('#data-form-1')將它轉換為jquery對象時才能調用ajaxSubmit