English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQueryのserialize()メソッド

jQuery Ajax方法

serialize()メソッドは、フォームの値をシリアライズしてURLエンコードされたテキストストリングを作成します。

入力やなどのフォーム要素を選択することができます。/テキストエリア)もしくはフォーム要素自体を選択することができます。

AJAXリクエストを出力する際に、URLのクエリ文字列にシリアライズされた値を使用することができます。

構文:

$(selector).serialize()

シリアライズされたフォームの値の出力結果:

$("button").click(function() {
  $("p").text($("form").serialize());
});
テストを見て‹/›

フォームをクエリ文字列としてシリアライズする:

$("document").ready(function() {
  function showValues() {
        let str = $("form").serialize();
        $("p").text(str);
  }
  $("input[type='checkbox'], input[type='radio']").on("click", showValues);
  $("select").on("change", showValues);
});
テストを見て‹/›

jQuery Ajax方法