DeeDi - трезвые записки

serialize()

Упорядочивает набор элементов ввода input в строку данных. serialize подготавливает пользовательские данные в полях ввода для отправки на сервер. Для правильной работы serialize требуется, чтобы у полей на форме был атрибут name, наример <input id="email" name="email" type="text" />
В примере упорядочиваем элементы формы в строку запроса, которая может быть отправлена на сервер в AJAX запросе. Здесь при выборе параметров формы мы можем визуально видеть строку, кторая может быть отправлена насервер:




//jQuery function showValues() {
var str = $("#example_j form").serialize();
$("#example_j p").text(str);
}
$("#example_j :checkbox, #example_j :radio").click(showValues);
$("#example_j select").change(showValues);
showValues();

//HTML<div id="example_j">
<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></p>
</div>


Боковой текст: