Как инициировать отправку формы при загрузке страницы с использованием JQuery

Question

Это не похоже, что это должно быть слишком сложно сделать, но я в спешке, и я искал простой ответ. Мне нужно отправить форму на загрузку страницы. Это моя функция отправки AJAX, которая работает нормально. Мне просто нужно выяснить, как запустить его при загрузке страницы.

Любая помощь очень ценится!

$("form#seller-agreement-form").submit(function() { 
     // we want to store the values from the form input box, then send via ajax below  
     $.ajax({ 
      type: "POST", 
      url: "http://www2.myurl.com/formhandler", 
      data: "email="+ email + "&status=" + status, 
      success: function(){ 
       $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

      } 
     }); 
    return false; 
    }); 

Answer 1

если вы звоните $().submit() это вызывает действие; $().submit(function) привязывает обработчик к событию отправки.

Вы можете пропустить submit и просто вызвать метод ajax напрямую.

$(function() { 
    $.ajax({ 
     type: "POST", 
     url: "http://www2.myurl.com/formhandler", 
     data: "email="+ email + "&status=" + status, 
     success: function(){ 
      $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

     } 
    }); 
}); 

Answer 2

Вызов $("#seller-form").submit() на форме, и это вызовет представить событие.

Answer 3

Почему бы не сделать

function AjaxCall() { 
    // we want to store the values from the form input box, then send via ajax below  
    $.ajax({ 
     type: "POST", 
     url: "http://www2.myurl.com/formhandler", 
     data: "email=" + email + "&status=" + status, 
     success: function() { 
      $('form#seller-agreement-form').hide(function() { 
       $('div#output').fadeIn(); 
      }); 

     } 
    }); 
    return false; 
} 

AjaxCall(); 

$("form#seller-agreement-form").submit(AjaxCall); 

Answer 4

Чтобы действительно отправить форму на странице загрузки, можно было бы написать что-то вроде

$(function() { 
    $('#seller-agreement-form').submit(); 
}); 

Но если то, что вы пытаетесь сделать, это просто выполнить то же самое действия, которые вы в противном случае выполнили бы при отправке формы, то, возможно, вы не хотите подавать форму, но только для этого:

function postForm() { 
    $.ajax({ 
     type: "POST", 
     url: "http://www2.myurl.com/formhandler", 
     data: "email="+ email + "&status=" + status, 
     success: function(){ 
      $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

     } 
    }); 
} 

$("form#seller-agreement-form").submit(function() { 
    postForm(); 
    return false; 
}); 

$(function() { 
    postForm(); 
}); 

Answer 5

$(function() { 
    $("form#seller-agreement-form").submit(function() { 
     // we want to store the values from the form input box, then send via ajax below  
     $.ajax({ 
      type: "POST", 
      url: "http://www2.myurl.com/formhandler", 
      data: "email="+ email + "&status=" + status, 
      success: function(){ 
       $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

      } 
     }); 
    return false; 
    }).trigger('submit'); 

}); 

Вы можете использовать функцию .trigger(), чтобы вызвать событие submit на форме. Я приковал звонки, поэтому форма должна быть выбрана только один раз. Обратите внимание, что перед запуском события submit необходимо установить обработчик событий submit.

Документация: http://api.jquery.com/trigger

Answer 6

Использование JQuery trigger() функция для запуска представить событие в вашем document.ready случае

Answer 7

не уверен, если это то, что вы просите

$(document).ready(function() { 
    $("form#seller-agreement-form").submit(function() { 
     // we want to store the values from the form input box, then send via ajax below  
     $.ajax({ 
      type: "POST", 
      url: "http://www2.myurl.com/formhandler", 
      data: "email="+ email + "&status=" + status, 
      success: function(){ 
       $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

      } 
     }); 
    return false; 
    }); 
});