jQuery Ajax .serialize() kullanımı

Bu fonksiyon sayesinde form elementlerinde bulunan radio button, checkbox, selectbox, listbox gibi nesnelerin click olayında get işlemimizin referansını değiştirebiliyoruz. Biraz daha açıklama yapmak gerekir se, form içindeki verileri post ederken bir kaç seçenek sunmanız gerekebilir. Bir adet seçim kutusu ve seçim kutusu seçildiği andan itibaren link adresimize yansıyacaktır. Bu konuyu en iyi örneklerle açıklayabiliriz.

Checkbox'ın değerine tıklandığı andan itibaren belirttiğimiz id'li adres alanında check=check1 eklenecektir. Get işlemini düşünün bunun jQuery ile geliştirilmiş ve hızlandırılmış hali.

<form>

<select name="single">

<option>Single</option>

<option>Single2</option>

</select>

<br />

<select name="multiple" multiple="multiple">

<option selected="selected">Multiple</option>

<option>Multiple2</option>

<option selected="selected">Multiple3</option>

</select>

<br/>

<input type="checkbox" name="check" value="check1" id="ch1"/>

<label for="ch1">check1</label>

<input type="checkbox" name="check" value="check2" checked="checked" id="ch2"/>

<label for="ch2">check2</label>

<br />

<input type="radio" name="radio" value="radio1" checked="checked" id="r1"/>

<label for="r1">radio1</label>

<input type="radio" name="radio" value="radio2" id="r2"/>

<label for="r2">radio2</label>

</form>

<p><tt id="results"></tt></p>

<script>

function showValues() {

var str = $("form").serialize();

$("#results").text(str);

}

$(":checkbox, :radio").click(showValues);

$("select").change(showValues);

showValues();

</script>

Events/Click - Olaylar/tıklama dersleri için buraya tıklayınız. Ayrıca ingilizce ayrıntılı örnekler için jQuery Ajax/serialize() bakınız.