通过$ .post发送表单数据

时间:2013-08-16 09:36:10

标签: jquery post

我这里有这个代码:

$.post('search_results.php', { name: form.name.value },

它帮助我从输入字段传递一个值。现在我有一个<select> </select>,我也需要传递它,我需要传递更多变量。

我该怎么做?

类似的东西:

$.post('search_results.php', { name: form.name.value , select: form.select.value },

4 个答案:

答案 0 :(得分:2)

假设所有元素都采用一种形式,最简单的方法是使用.serialize

$.post('search_results.php', $('#formID').serialize());

您甚至可以选择所需的表单控件元素,例如:

$('input[name="name"], select[name="gender"]').serialize()

答案 1 :(得分:0)

我通常创建一个数据对象,然后执行一个循环,收集所有值并将它们粘贴到对象中,然后将其发送到服务器。

您可以使用以下内容:

var data = {};

$('form *[name]').each(function() {
   data[$(this).attr('name')] = $(this).val();
});

$.post('search_results.php', data);

答案 2 :(得分:0)

引用jquery serialize()方法。你会找到如何实现它的例子

http://api.jquery.com/serialize/

答案 3 :(得分:0)

你可以使用上面所说的serialize()方法,或者如果你挣扎,你可以使用key:value pairs,

$.post('search_results.php', { ('firstname': form.firstname.value , 'password': form.password.value) }