Wyślij formularz z metodą POST przy użyciu AJAX i jQuery

W poprzednim artykule zobaczyliśmy jak wysłać formularz z AJAX, aby wysłać e-mail z ASP lub PHP, za pomocą prostego biblioteki JavaScript wykorzystywane do przykładów przewodnik AJAX decoster-immobilier.com, jak również wielu innych przedmiotów.

Biblioteka w pytanie, bardzo szybki i lekki, używa metody GET do przesyłania danych, ale po wysłaniu formularza w przypadku użycia metody POST z prostej przyczyny: łańcuch znaków zapytania (parametry, które są przekazywane w adresie URL poprzez metody GET), mają limit 255 znaków ze spacjami, natomiast metody POST nie cierpi z powodu tego ograniczenia.

W celu powrotu do biblioteki bardzo przydatne jQuery funkcji, która ma bardzo wygodne do pracy z AJAX.

Weźmy prosty przykład przesyłania danych w technologii AJAX POST, albo pobierając je przez ASP i PHP, natomiast po stronie serwera, skrypt po prostu drukować dane przesyłane wideo: do czytnika za zadanie zarządzać nimi według własnych potrzeb.

Pierwszy przypomnieć nagłówka biblioteki jquery.js z naszej strony internetowej:

 



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

 

Budujemy formularza HTML:

 <form name="modulo">



    



 Imię i nazwisko </ p>



    



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



    



 <p> Nazwisko </ p>



    



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



    



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







 </ Form>









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

Prosty moduł, który zawiera dwa pola, przycisk i sitodruku warstwy, w których wynik operacji.

Niech teraz kod javascript:

 <script type="text/javascript">







 $ (Document). Ready (function () {



  



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



    



 var nazwa = $ ("# name") val ().;



    



 var nazwa = $ ("# name") val ().;



    



 $. Ajax ({



      



 typu: "POST",



      



 url: "dati.ext"



      





      



 dataType: "html"



      



 sukces: function (msg)



      



 {



        



 . $ ("# Wynik") HTML (msg);



      



 }



      



 błąd: function ()



      



 {



        



 alert ("Połączenie nie powiodło się, spróbuj ponownie ...");



      



 }



    



 });



  



 });







 });







 </ Script>

Mamy odzyskać, dzięki metodzie ajax, charakterystyki transmisji: metoda (POST), adres URL po stronie serwera będzie obsługiwać dane (*), a następnie określić, że wartość zwracana będzie w formacie HTML i wreszcie drukować wideo potwierdzenie lub błąd w zaproszeniu.

Należy pamiętać, że jQuery też ma ciekawą skrót do obsługi Ajax połączenia z metody POST:

 <script type="text/javascript">







 $ (Document). Ready (function () {



  



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



    



 var nazwa = $ ("# name") val ().;



    



 var nazwa = $ ("# name") val ().;



    



 $ Post ("dati.ext", {name: imię, nazwisko nazwisko}.., Function (msg) {$ ("# wynik") HTML (msg );});

Na metody post () minęło zamówienia, adres URL skryptu po stronie serwera, które będą odbierać i przetwarzać żądania, dane pobrane z formy i funkcji zwrotnej, które będą drukowane na wyjściu.

• <<
• 1
• 2
• >>