Předložit formulář s metodou POST pomocí AJAX a jQuery

V předchozím článku jsme viděli, jak odeslat formulář s AJAX pro odesílání pošty s ASP nebo PHP, pomocí jednoduchého JavaScript knihovna používá pro příklady průvodce AJAX bradleyshamburgers.com, stejně jako pro mnoho dalších položek.

Knihovna v otázce, velmi rychlé a lehké, ale používá metodu GET pro odesílání dat, ale při odeslání formuláře v případě použití metody POST z prostého důvodu: QueryString (parametry, které jsou předány v URL pomocí metody GET) mají limit 255 znaků včetně mezer, zatímco metoda POST netrpí tímto omezením.

Pro návrat velmi pohodlné knihovny jQuery , který má velmi příjemné pracovat s funkcemi AJAX.

Vezměme si jednoduchý příklad odesílání dat v post s AJAX, buď jejich stahování přes PHP ASP, zatímco na straně serveru, skript jednoduše vytisknout na obrazovku odesílaných dat: pro čtenáře úkol spravovat podle svých potřeb.

První připomenout knihovny jquery.js záhlaví našich webových stránek:

 



 <script type="text/javascript" src="jquery.js"> </ script>

 

Stavíme HTML formuláře:

 <form name="modulo">



    



 <p> Název </ p>



    



 <p> <input type="text" name="nome" id="nome=> </ p>



    



 <p> Příjmení </ p>



    



 <p> <input type="text" name="cognome" id="cognome"> </ p>



    



 <input type="button" id="bottone" value="Invia dati">







 </ Form>









 <div id="risultato"> </ div>

Jednoduchý formulář, který obsahuje dvě pole, tlačítka a displej tištěné vrstvy na které výsledek operace.

Podívejme se nyní analyzují kód Javascript:

 <script type="text/javascript">







 $ (Document). Ready (function () {



  



 $ ("# Tlačítko"). Click (function () {



    



 var name = $ ("# jméno") val ().



    



 var name = $ ("# jméno") val ().



    



 $. Ajax ({



      



 Typ: "POST",



      



 url: "dati.ext"



      



 Typ dat: "html",



      



 Úspěch: function (msg)



      



 {



        



 . $ ("# Výsledek"), HTML (msg);



      



 }



      



 Chyba: function ()



      



 {



        



 alert ("volání se nezdařilo, zkuste to prosím znovu ...");



      



 }



    



 });



  



 });







 });







 </ Script>

Jsme zpět, a to prostřednictvím metody Ajax, charakteristiky přenosu: bude metoda (POST), URL na straně serveru zpracuje data (*), pak stanoví, že návratová hodnota bude ve formátu HTML a konečně tisku na video potvrzení nebo chyby ve výzvě.

Všimněte si, že jQuery má také zajímavou zkratku zvládnout Ajax hovory pomocí metody POST:

 <script type="text/javascript">







 $ (Document). Ready (function () {



  



 $ ("# Tlačítko"). Click (function () {



    



 var name = $ ("# jméno") val ().



    



 var name = $ ("# jméno") val ().



    



 $ Post ("dati.ext", {jméno: jméno, příjmení: příjmení}.., Funkce (msg) {$ ("# výsledek"), HTML (msg );});

Na místo () metoda už máme za sebou, v pořádku, URL skriptu na straně serveru, která bude přijímat a zpracovávat žádosti, údaje získané z formy a funkce zpětného volání, která se bude tisknout na výstupu.

• <<
• 1
• 2
• >>