Pošaljite obrazac sa POST metodom s AJAX i jQuery

U prethodnom članku smo vidjeli kako poslati obrazac sa AJAX poslati mail s ASP ili PHP, pomoću jednostavnog JavaScript biblioteke za primjere vodič za AJAX carlindesbruyerescorrezienne.com, kao i mnoge druge stvari.

Knjižnica u pitanju, vrlo brzo i lagan, koristi GET metoda za slanje podataka, ali kada šaljete obrazac u slučaju korištenja POST metoda za jednostavnog razloga: querystring (parametri koji se prenose u URL kroz GET metoda) imaju ograničenje od 255 znakova uključujući razmake, a POST metoda ne pate od ovog ograničenja.

Da bi se vratili vrlo udobna knjižnica jQuery , koja ima vrlo udoban za rad s AJAX funkcije.

Pogledajmo jednostavan primjer slanje podataka u POST sa AJAX, ili ih vraćajući preko PHP ASP, dok je server-side skripta će jednostavno ispisati na zaslonu podataka koji su poslani: za čitatelja zadatak upravljanje njima u skladu s vašim potrebama.

Prvo podsjećaju na zaglavlje knjižnica naše web stranice jquery.js:

 



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

 

Mi graditi HTML obrazac:

 <form name="modulo">



    



 <p> Naziv </ p>



    



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



    



 <p> Prezime </ p>



    



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



    



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







 </ Form>









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

Jednostavan obrazac koji sadrži dva polja, gumb i ekran tiskani sloj na kojem se rezultat operacije.

Neka nam sada analizirati Javascript kod:

 <script type="text/javascript">







 $ (Dokument). Ready (funkcija () {



  



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



    



 var ime = $ ("# ime") val ().;



    



 var ime = $ ("# ime") val ().;



    



 $. Ajax ({



      



 Vrsta: "Post",



      



 url: "dati.ext"



      





      



 datatype: "HTML",



      



 uspjeh: funkcija (poruka)



      



 {



        



 . $ ("# Rezultat") HTML (poruka);



      



 },



      



 pogreška: funkcija ()



      



 {



        



 alert ("Poziv nije uspio, pokušajte ponovno ...");



      



 }



    



 });



  



 });







 });







 </ Script>

Mi oporaviti, kroz Ajax metode, svojstva prijenosa: metoda (POST), URL poslužitelja će obraditi podatke (*), a zatim odrediti da se povratna vrijednost bit će u HTML formatu, a na kraju ispisa na video potvrde poruku ili bilo kakve pogreške u pozivu.

Imajte na umu da jQuery ima zanimljiv prečac za obradu Ajax pozive s POST metodom:

 <script type="text/javascript">







 $ (Dokument). Ready (funkcija () {



  



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



    



 var ime = $ ("# ime") val ().;



    



 var ime = $ ("# ime") val ().;



    



 $ Post ("dati.ext", {ime: ime, prezime: prezime}.., Funkcija (msg) {$ ("# rezultat") HTML (msg );});

Na mjesto () metoda smo prošli, u redu, URL na strani poslužitelja skriptu koja će primiti i obraditi zahtjev, podaci preuzeti iz oblika i povratni poziv funkcije koja će ispisati izlaz.

• <<
• 1
• 2
• >>