jQuery Ajax Serialize() Metodu

Değerli dostlarım merhabalar, bu yazımızda jQuery Serialize() metodu öğreneceğiz. Bu metodumuzu daha çok Ajax işlemlerimizde kullanmaktayız.

Serialize() metodumuz form içerisinde yer alan input değerlerini tek seferde elde etmeye yaramaktadır. Şöyle örneklendirelim; bir adet formumuz içerisinde ise 5 adet Html input’umuz yer almakta. Form içerisindeki verileri Get yada Post ile göndermek istiyoruz. Peki tüm input değerlerini göndermek için tek tek kod mu yazacağız? Hayır burada serialize() metodumuzu kullanacağız. jQuery ile formumuzu seçeriz serialize() metodu ile form içerisindeki tüm değerleri istediğimiz yere göndeririz. Aşağıdaki örneğimizi inceleyelim.

$(document).ready(function(){
  $("button").click(function(){
   alert($("form").serialize());
  });
});

Yukarıda yer alan örnek kodumuzda butona tıklandığında form içerisinde yer alan tüm Html input değerleri alert olarak ekrana yazdıralacaktır. Tek tek input değerlerini almak yerine bir kere serialize() metodunu kullanarak tüm verileri elde etmiş olduk. Sonuç olarak kod hamallığından kurtulduk.

Diğer bir yazımızda görüşmek üzere.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Shares