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

Call same function on page load and when form submit

本文关键字：调用 函数 表单提交 加载      更新时间：2023-09-26
 $("#GetLog").submit(function (e) {
        e.preventDefault();
        $.ajax({
                 //some code
         });
   });
   <form id="GetLog"> 
         <input type="submit">
   </form>

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

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

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

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

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

例：

function submitFtn = function (e) {
    e.preventDefault();
    $.ajax({
             //some code
     } 
$("#GetLog").submit(submitFtn);
$(document).ready(submitFtn)
<form id="GetLog"> 
      <input type="submit">
</form>

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>

 $(document).ready(function(){
   $("#GetLog").submit(function (e) {
      e.preventDefault();
      $.ajax({
             //some code
      });
   });
   //I want to call this function when page loads
   $('#GetLog').trigger('submit');
});

$(function(){
 $("#GetLog").submit(function (e) {
       e.preventDefault();
       $.ajax({
            ...
       })
 }).submit();
});
相关文章：