jQuery Ajax .serialize() kullanımı

[me3met]

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.

PHP Kod:

<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> 


kaynak: http://www.turk-php.com/smf/