jquery - $.post 経由でフォーム データを送信する

Question

ここにこのコードがあります：

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

入力フィールドから 1 つの値を渡すのに役立ちます。これで があり、<select> </select>それも渡す必要があります。さらに変数を渡す必要があります。

どうすればいいですか？

何かのようなもの：

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

Answer 1

すべての要素が 1 つの形式であると仮定すると、最も簡単な方法は を使用すること.serializeです。

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

必要なフォーム コントロール要素を選択することもできます。次に例を示します。

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

Answer 2

私は通常、データ オブジェクトを作成し、すべての値を収集してオブジェクトに貼り付けるループを実行し、それをサーバーに送信します。

次のようなものを使用できます。

var data = {};

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

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

Answer 3

jquery serialize() メソッドを参照してください。あなたはそれを達成する方法の例を見つけるでしょう

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