Pateikti su POST metodas formą su AJAX ir JQuery

Į ankstesniame straipsnyje mes matėme, kaip siųsti formą su AJAX siųsti laiškus su ASP ar PHP, naudojant paprastą JavaScript "bibliotekos naudojamos vadovas AJAX coiffeur-donyo-vaucluse.com pavyzdžių, taip pat daugelis kitų objektų.

Atitinkama biblioteka, labai greitas ir lengvas, jis naudoja GET metodu siuntimo duomenis, tačiau kai siunčiate formą, naudojant POST metodą, dėl paprastos priežasties atveju: eilutės užklausos (parametrų, kurie yra perduodami į URL per GET metodą) turi 255 simbolių, įskaitant tarpus riba, o POST metodas neturi kenčia nuo šio apribojimo.

Tam, kad grįžti labai patogus biblioteka jQuery , kuri labai patogu dirbti su AJAX "funkcijos.

Paimkime paprastą pavyzdį Duomenų siuntimo su AJAX POST, nei nuskaitant juos naudojant PHP, ASP, o server-side scenarijų tiesiog spausdinti ekraną siunčiamų duomenų: skaitytojui jas valdyti pagal savo poreikius užduotis.

Pirma prisiminti biblioteka jquery.js antraštę mūsų internetiniame puslapyje:

 



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

 

Mes statome HTML formą:

 <form name="modulo">



    



 <p> Vardas </ p>



    



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



    



 <p> Pavardė </ p>



    



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



    



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







 </ Form>









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

Paprastą formą, kurioje yra du laukai, mygtuką ir ekrane išspausdinti sluoksnis, dėl kurių operacijos rezultatas.

Leiskite mums dabar analizuoti JavaScript kodas:

 <script type="text/javascript">







 $ (Dokumentas). Ready "(function () {



  



 $ ("#" Mygtuką "). Spustelėkite (function () {



    



 var vardas = $ ("# NAME") Val ().;



    



 var vardas = $ ("# NAME") Val ().;



    



 $. "Ajax" ({



      



 tipo: "PO",



      



 url: "dati.ext"



      



 datatype: "html",



      



 sėkmės: function (msg)



      



 {



        



 . $ ("# Rezultatas") HTML (MSG);



      



 }



      



 klaida: function ()



      



 {



        



 alert ("Paskambinti nepavyko, bandykite dar kartą ...");



      



 }



    



 });



  



 });







 });







 </ Script>

Mes susigrąžinti per Ajax metodą, perdavimo charakteristikas: nurodykite metodą (POST), ir serverio pusėje URL tvarkyti duomenis (*), tada nurodykite, kad grįžti vertė bus HTML formatu ir pagaliau spausdinti vaizdo patvirtinimo pranešimą arba bet skambinti klaida.

Atkreipkite dėmesį, kad jQuery taip pat turi įdomių nuorodą rankena Ajax skambučius POST metodas:

 <script type="text/javascript">







 $ (Dokumentas). Ready "(function () {



  



 $ ("#" Mygtuką "). Spustelėkite (function () {



    



 var vardas = $ ("# NAME") Val ().;



    



 var vardas = $ ("# NAME") Val ().;



    



 $ Post ("dati.ext", {pavadinimas: Vardas, pavardė: pavardė}.., Funkcija (msg) {$ ("# rezultatas") HTML (MSG );});

Tuo pranešimas () metodą, mes praėjo, siekiant, kad server-side scenarijų, kuris bus gauti ir apdoroti prašymą URL, duomenų Gauta iš formos ir atgalinio ryšio funkcija, kad bus atspausdinti rezultatus.

• <<
• 1
• 2
• >>