【jQuery】フォームの値をクエリ文字列で取得

jQuery

はじめに

フォームをAjax送信しなければならなかったときに、
フォームの入力値を簡単にすべて取得したかったので調べてみました。

serializeメソッド

結論から言うと、serializeメソッドで簡単にクエリ文字列が取得できました。
以下のようなフォームがあったときには

serializeメソッドで

クエリ文字列が取得できます。

特定の要素のみの取得もできます。

serializeArrayメソッドを使えば、配列で取得も可能です。

フォームの送信

このserializeメソッドを使って、以下のようにフォームをAjaxでPOST送信できました。

まとめ

serializeメソッドを使えば、簡単にフォームの値を取得できました。

この記事を書いた人

海津 純平
海津 純平

2017年入社の新卒です。

jQuery