Как отправить часть формы по Ajax

Если необходимо отправить часть формы, используя Ajax, можно перечислить все необходимые поля вручную. Но это долго и не удобно. 

Проще  автоматически найти все поля в нужном блоке, сериализовать их и затем отправить.

Допустим, есть такая HTML форма: 

<form method="post">
<input type="text" name="aaa" />
<input type="text" name="bbb" />

<div id="myBlock">
<input type="text" name="ccc" />
<input type="text" name="ddd" />
<input type="text" name="eee" />
</div>
</form>
 

Нам необходимо послать только значения полей ccc, ddd и  eee. 

Код, который возьмет все поля внутри блока с id  myBlock, а затем их сериализует:

 var options = $('#myBlock').find('input, textarea, select').serialize();

Затем останется только отправить данные любым удобным вам способом, к примеру:

 $.ajax({
url: "ajax.php",
type: "POST",
dataType:"json",
data:{
fields: options
}
}).done(function(data) {
//do something
});

Комментарии

Комментариев пока нет, вы можете оставить свой: