Iesniegt forma ar POST metodi ar AJAX un jQuery

In Iepriekšējā rakstā mēs redzējām, kā nosūtīt forma ar AJAX, lai nosūtītu pastu ar ASP vai PHP, izmantojot vienkāršus JavaScript bibliotēkas izmanto, lai rokasgrāmata AJAX celebrity2nds.com piemēriem, kā arī daudzi citi.

Attiecīgā bibliotēkā, ir ļoti ātra un viegla, tā izmanto GET metodi, lai nosūtītu datus, bet, kad jūs sūtīt veidlapu Gadījumā, izmantojot POST metodi vienkārša iemesla dēļ: querystring (parametrus, kas izdoti URL caur GET metode), ir ierobežojums 255 zīmēm, ieskaitot atstarpes, bet POST metodi, nav cieš no šo ierobežojumu.

Lai atgrieztos ļoti ērta bibliotēka jQuery , kas ir ļoti ērti strādāt ar AJAX funkcijām.

Paņemsim vienkāršu piemēru Nosūtot datus pa POST ar AJAX, vai nu ar ielādi no tās, izmantojot PHP, ASP, bet servera puses skriptu, vienkārši print screen sūtījis datus: lasītājam uzdevums pārvaldīt tos atbilstoši jūsu vajadzībām.

Vispirms atgādina bibliotēka jquery.js galvenes mūsu mājas lapu:

 



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

 

Mēs būvējam HTML formu:

 <form name="modulo">



    



 <p> nosaukums </ p>



    



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



    



 <p> Uzvārds </ p>



    



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



    



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







 </ Form>









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

Vienkāršu formu, kas satur divus laukus, pogu un ekrāna drukā slāni, kurā darbības rezultātā.

Ļaujiet mums tagad analizēt Javascript kodu:

 <script type="text/javascript">







 $ (Dokuments) Ready (funkcija (). {



  



 $ ("# Button"). Click (funkcija () {



    



 var nosaukums = $ ("# name"), val ().;



    



 var nosaukums = $ ("# name"), val ().;



    



 $. Ajax ({



      



 tips: "POST",



      



 url: "dati.ext"



      





      



 datatype: "html",



      



 panākumiem: funkcija (msg)



      



 {



        



 . $ ("# Rezultāts") Html (msg);



      



 },



      



 kļūda: function ()



      



 {



        



 alert ("Call neizdevās, lūdzu, mēģiniet vēlreiz ...");



      



 }



    



 });



  



 });







 });







 </ Script>

Mēs atgūt, izmantojot AJAX metodi, pārraides parametri: metodi (POST), URL servera pusē tiks galā dati (*), tad jānorāda, ka atgriešanās vērtība būs HTML formātā, un visbeidzot drukāt video apstiprinājuma ziņojumu vai jebkuru Zvana kļūda.

Ņemiet vērā, ka jQuery ir arī interesants īsceļu, lai apstrādātu Ajax zvanus ar POST metodi:

 <script type="text/javascript">







 $ (Dokuments) Ready (funkcija (). {



  



 $ ("# Button"). Click (funkcija () {



    



 var nosaukums = $ ("# name"), val ().;



    



 var nosaukums = $ ("# name"), val ().;



    



 $ Post ("dati.ext", {name: vārds, uzvārds: uzvārds}.., Funkcija (msg) {$ ("# rezultāts") Html (msg );});

Pie post () metodi, mums ir pagājis, lai, no servera puses skriptu, kas būs saņemtu un apstrādātu pieprasījumu URL, datus, kas iegūti no formas un atzvanīšanas funkcija, kas drukāt produkciju.

• <<
• 1
• 2
• >>