Jak wyzwalać przesyłanie formularzy przy ładowaniu strony za pomocą Jquery

Question

Nie wydaje się, że powinno być to zbyt trudne do osiągnięcia, ale jestem w pośpiechu i szukałem prostej odpowiedzi. Muszę przesłać formularz przy ładowaniu strony. To jest moja funkcja przesyłania AJAX, która działa dobrze. Po prostu muszę dowiedzieć się, jak wyzwolić go po załadowaniu strony.

Każda pomoc jest doceniana!

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

jeśli zadzwonisz $().submit() wyzwala akcję; $().submit(function) wiąże handler do zdarzenia submit.

Możesz jednak pominąć zgłoszenie i po prostu wywołać metodę ajax bezpośrednio.

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

Zadzwoń na $("#seller-form").submit() w formularzu, a to wywoła zdarzenie submit.

Answer 3

Dlaczego nie

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

Aby właściwie przedstawić formularz na stronie obciążenia, byś napisać coś podobnego

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

ale jeśli to, co próbujesz zrobić, to po prostu wykonywać takie same działania, które w przeciwnym razie wykonałbyś, gdyby formularz został złożony, może nie chcesz przesłać formularza, ale tylko w tym celu:

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

}); 

Możesz użyć funkcji .trigger(), aby wywołać zdarzenie submit w formularzu. Przykułem połączenia, więc formularz musi zostać wybrany tylko jeden raz. Uwaga: przed wywołaniem zdarzenia submit należy ustawić obsługę zdarzeń.

Dokumentacja: http://api.jquery.com/trigger

Answer 6

użyć jQuery trigger() funkcja wyzwolić przedstawić wydarzenie w document.ready imprezy

Answer 7

nie wiem, czy to jest to, co pytasz o

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