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 },

score 2 · Accepted Answer

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

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

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

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

score 0 · Accepted Answer

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

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

var data = {};

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

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

score 0 · Accepted Answer

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

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