Cómo desencadenar el envío de un formulario al cargar la página usando Jquery

Question

Esto no parece ser demasiado difícil de lograr, pero tengo prisa y he estado buscando una respuesta simple. Necesito enviar un formulario en la carga de la página. Esta es mi función de envío AJAX que funciona bien. Solo necesito descubrir cómo activarlo en la carga de la página.

¡Cualquier ayuda es muy apreciada!

$("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

si llama $().submit() que desencadena la acción; $().submit(function) vincula un controlador al evento submit.

Sin embargo, puede omitir el envío y simplemente llamar al método ajax directamente.

$(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

llamada $("#seller-form").submit() en la forma y esto desencadenará el evento enviar.

Answer 3

Por qué no hacer

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

Para presentar efectivamente la forma en la carga de la página, podría escribir algo así como

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

Pero si lo que estamos tratando de hacer es sólo para realizar la misma acción que de otro modo habría realizado cuando se envió el formulario, entonces quizás no desee enviar el formulario, pero solo para hacer esto:

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'); 

}); 

Puede utilizar la función .trigger() para desencadenar el evento submit en el formulario. Encadeé las llamadas por lo que el formulario solo debe seleccionarse una vez. Tenga en cuenta que desea asegurarse de configurar el controlador de eventos submit antes de activar el evento submit.

Documentación: http://api.jquery.com/trigger

Answer 6

usar jQuery trigger() función para activar presentar evento en su caso document.ready

Answer 7

no está seguro de si esto es lo que está pidiendo

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