Indsend en formular med POST-metode med Ajax og jQuery

I en tidligere artikel så vi, hvordan du sender en formular med AJAX til at sende mails med ASP eller PHP, ved hjælp af en simpel JavaScript-bibliotek, anvendes til eksempler på de guide til AJAX compagnie-awama.com, samt mange andre emner.

Biblioteket pågældende meget hurtigt og let, den bruger GET metode til at sende data, men når du sender en formular i tilfælde af du bruger metoden POST for en simpel grund: en QueryString (de parametre, der er vedtaget i URL'en gennem GET-metoden) har en begrænsning på 255 tegn inklusive mellemrum, mens POST metoden ikke lider under denne begrænsning.

For at vende tilbage meget komfortable biblioteket jQuery , som er meget behagelig at arbejde med AJAX funktioner.

Lad os tage et simpelt eksempel for at sende data i en POST med AJAX, enten ved at hente dem via PHP ASP, mens server-side script blot vil udskrive skærmen sendte data: for læseren til opgave at forvalte dem efter dine behov.

Først huske biblioteket jquery.js overskriften på vores hjemmeside:

 



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

 

Vi bygger HTML-form:

 <form name="modulo">



    



 <p> Navn </ p>



    



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



    



 <p> Efternavn </ p>



    



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



    



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







 </ Form>









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

En simpel formular, der indeholder to felter, en knap og en skærm trykt lag, som følge af operationen.

Lad os nu analysere Javascript-kode:

 <script type="text/javascript">







 $ (Document). Ready (function () {



  



 $ ("# Button"). Klik på (funktion () {



    



 var name = $ ("# navn") val ().



    



 var name = $ ("# navn") val ().



    



 $. Ajax ({



      



 type: "POST",



      



 url: "dati.ext"



      



 datatype: "html",



      



 succes: funktion (msg)



      



 {



        



 . $ ("# Resultat") html (msg);



      



 },



      



 fejl: function ()



      



 {



        



 alert ("Call mislykkedes, prøv igen ...");



      



 }



    



 });



  



 });







 });







 </ Script>

Vi komme gennem ajax-metoden, karakteristika afsendelsesdato: vil metoden (POST), webadressen på den server side håndtere data (*), derefter angive, at returværdien vil være i HTML-format og endelig print til video bekræftelsesmeddelelsen eller eventuelle fejl i indkaldelsen.

Bemærk, at jQuery har også en interessant genvej til at håndtere Ajax opkald med POST-metoden:

 <script type="text/javascript">







 $ (Document). Ready (function () {



  



 $ ("# Button"). Klik på (funktion () {



    



 var name = $ ("# navn") val ().



    



 var name = $ ("# navn") val ().



    



 $ Post ("dati.ext", {navn: navn, efternavn: efternavn}.., Funktion (msg) {$ ("# resultat") html (msg );});

På post () metode, vi har passeret, i orden, URL-adressen på den server-side script, der vil modtage og behandle anmodningen, de data, der hentes fra den form og den callback funktion, der vil udskrive output.

• <<
• 1
• 2
• >>