AJAX ve jQuery ile POST yöntemi ile bir form gönderin

Bir de önceki makalede basit bir kullanarak, ASP veya PHP ile posta göndermek için AJAX ile form göndermek gördük JavaScript kitaplık AJAX demenagement-bretagne.com için rehber örnekleri yanı sıra diğer pek çok öğe için kullanılır.

Söz konusu kütüphane, çok hızlı ve hafif, veri göndermek için GET yöntemini kullanır, ancak basit bir nedenden dolayı POST yöntemini kullanarak durumunda bir form gönderdiğinizde: bir sorgu dizesi (URL iletilen parametreleri POST yöntemi bu sınırlama zarar vermez iken GET yöntemi ile), boşluklar dahil 255 karakter sınırı vardır.

Çok rahat kütüphane dönmek için jQuery AJAX fonksiyonları ile çalışmak çok rahat vardır.

Okuyucu için İhtiyaçlarınız doğrultusunda yönetme görevi: sunucu tarafı komut sadece gönderilen ekran verisini yazacaktır ise en PHP ASP aracılığıyla alarak ya, AJAX ile POST veri gönderme basit bir örnek verelim.

İlk Web sayfamızın kütüphane jquery.js başlık hatırlıyorum:

 



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

 

Biz HTML formu oluşturmak:

 <form name="modulo">



    



 <p> Adı </ p>



    



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



    



 <p> Soyadı </ p>



    



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



    



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







 </ Formu>









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

Iki alan, bir düğme ve bir ekran basılı katman içeren basit bir formu olan işlemin sonucu.

Şimdi Javascript kodu analiz edelim:

 <script type="text/javascript">







 $ (Belge). Hazır (function () {



  



 $ ("# Düğme"). (Function () {tıklayın



    



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



    



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



    



 $. Ajax ({



      



 türü: "POST",



      



 url: "dati.ext"



      



 dataType: "html"



      



 Başarı: function (msg)



      



 {



        



 . $ ("# Sonuç") Html (msg);



      



 }



      



 hata: function ()



      



 {



        



 alert ("başarısız Çağrı, lütfen tekrar deneyin ...");



      



 }



    



 });



  



 });







 });







 </ Script>

Biz ajax yöntemi ile, iletim özellikleri, kurtarmak: yöntemi (POST), sunucu tarafında URL'sini verileri (*) idare edecek, daha sonra dönüş değeri HTML biçiminde olacağını belirtin ve son olarak video baskı onay mesajı veya arama herhangi bir hata.

JQuery de POST yöntemi ile Ajax çağrıları için ilginç bir kısayol gerektiğini unutmayın:

 <script type="text/javascript">







 $ (Belge). Hazır (function () {



  



 $ ("# Düğme"). (Function () {tıklayın



    



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



    



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



    



 $ Mesaj ("dati.ext", {name: adı, soyadı: soyadı}.., Function (msg) {$ ("# sonuç") Html (msg );});

Mesaj () yöntemi anda geçti, sipariş, istek alıp işleyecek sunucu tarafı komut dosyasının URL'sini, veri formu ve çıkış yazdırır geri çağırma işlevi alınır.

• <<
• 1
• 2
• >>