Lähetä lomake kanssa POST-menetelmää Ajax ja jQuery

Vuonna edellisessä artikkelissa näimme, miten voit lähettää lomakkeen Ajax Jotta voit lähettää sähköpostia ASP-tai PHP käyttäen yksinkertaista JavaScript kirjasto käyttää esimerkkejä opas AJAX deliveriesfirst.com, sekä monia muita kohteita.

Kirjasto kyseessä erittäin nopea ja kevyt, se käyttää GET lähetystapa tiedot, mutta kun lähetät lomakkeen tapauksessa POST-menetelmän avulla yksinkertaisesta syystä: QueryString (parametrit, jotka hyväksyttiin URL kautta GET-menetelmä) on arvo 255 merkkiä välilyönteineen, kun POST-menetelmä ei kärsi tästä rajoituksesta.

Jotta palata erittäin mukava kirjasto jQuery , joka on erittäin mukava työskennellä AJAX toimii.

Otetaan yksinkertainen esimerkki tietoa lähetetään POST Ajax, joko hakemalla niitä kautta PHP ASP, kun taas palvelinpuolen komentosarjan yksinkertaisesti tulostaa näytön tiedot lähetetään: lukijalle tehtäväksi niiden hallinnointiin tarpeidesi mukaan.

Ensimmäinen muistaa kirjasto jquery.js otsikkoa nettisivumme:

 



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

 

Rakennamme HTML muodossa:

 <form name="modulo">



    



 <p> Nimi </ p>



    



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



    



 <p> Sukunimi </ p>



    



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



    



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







 </ Form>









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

Yksinkertaisen lomakkeen, joka sisältää kaksi kenttää, painikkeen ja näytön painettu kerros, johon toimenpiteen seurauksena.

Olkaamme nyt analysoida Javascript-koodit:

 <script type="text/javascript">







 $ (Document). Ready (function () {



  



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



    



 var nimi = $ ("# name"). Val ();



    



 var nimi = $ ("# name"). Val ();



    



 $. Ajax ({



      



 tyyppi: "POST",



      



 url: "dati.ext"



      



 Tietotyyppi: "html",



      



 menestys: toiminto (MSG)



      



 {



        



 $ ("# Tulos"). Html (msg);



      



 },



      



 error: funktio ()



      



 {



        



 alert ("Puhelu epäonnistui, yritä uudelleen ...");



      



 }



    



 });



  



 });







 });







 </ Script>

Olemme takaisin kautta ajax menetelmä, ominaisuudet lähetyksen menetelmä (POST), palvelimen URL-osoite puolella käsittelee tiedot (*), määritä, että paluu arvo on HTML-muodossa ja lopuksi tulostaa video vahvistuksen viestin tai virhettä puhelu.

Huomaa, että jQuery on myös mielenkiintoinen pikakuvake käsitellä Ajax puhelut POST-menetelmää:

 <script type="text/javascript">







 $ (Document). Ready (function () {



  



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



    



 var nimi = $ ("# name"). Val ();



    



 var nimi = $ ("# name"). Val ();



    



 $. Post ("dati.ext", {name: nimi, sukunimi: sukunimi}, toiminto (msg) {$ ("# tulos"). Html (msg );});

At post () menetelmä olemme ohittaneet, jotta, URL palvelinpuolen komentosarjan, joka vastaanottaa ja käsitellä pyynnön, tiedot haetaan muotoa ja takaisinkutsufunktio joka tulostaa ulostulo.

• <<
• 1
• 2
• >>