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只能在使用$('#data-form-1')

将其转换为jquery对象时调用

如何在页面加载时提交ajax表单

2 个答案: