jquery - 通过 $.post 发送表单数据

Question

我在这里有这段代码：

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

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

我该怎么做？

就像是：

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

Answer 1

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

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

您甚至可以只选择所需的表单控件元素，例如：

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

Answer 2

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

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

Answer 3

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

你可以使用这样的东西：

var data = {};

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

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

Answer 4

您可以使用上面所说的 serialize() 方法，或者如果您遇到困难，您可以使用键：值对，

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