javascript - 在页面加载和表单提交时调用相同的函数

Question

 $("#GetLog").submit(function (e) {
        e.preventDefault();
        $.ajax({
                 //some code

         });
   });
   <form id="GetLog"> 
         <input type="submit">
   </form>

我想在页面加载和用户按下提交按钮时调用此函数。

我已经尝试过document.getElementById("GetLog").submit()页面加载，但它确实调用了该函数。

Answer 1

尝试定义一个单独的函数并在加载和提交时调用

function ajaxCall(){
   $.ajax({
             //some code

     });
}

$(document).ready(function(){
    ajaxCall();
});

$("#GetLog").submit(function (e) {
    e.preventDefault();
    ajaxCall();
});

Answer 2

window.onload = function(){
    //call the function
}

$(document).ready(function(){
    $(document).on('click','#GetLog',function (e) {
        e.preventDefault();
        $.ajax({
            //some code

        });
    });
})
<form id="GetLog"> 
    <input type="submit">
</form>

Answer 3

尝试使用非匿名函数，然后将该函数传递给各个侦听器。

例子：

function submitFtn = function (e) {
    e.preventDefault();
    $.ajax({
             //some code

     } 
$("#GetLog").submit(submitFtn);
$(document).ready(submitFtn)

<form id="GetLog"> 
      <input type="submit">
</form>

Answer 4

 $(document).ready(function(){
   $("#GetLog").submit(function (e) {
      e.preventDefault();
      $.ajax({
             //some code

      });
   });
   //I want to call this function when page loads
   $('#GetLog').trigger('submit');

});

Answer 5

$(function(){
 $("#GetLog").submit(function (e) {
       e.preventDefault();
       $.ajax({
            ...
       })
 }).submit();
});