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

非匿名関数を使用してみて、その関数をさまざまなリスナーに渡すだけです。

例：

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

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

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

Answer 3

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 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();
});