JavaScript serialize()について

Question

以下はある記事で掲載されていたサンプルですが
$('#input_form').serialize()
のserializeって
どういう意味で、どういう時に使って、使わなかった場合に起こり得ることを教えていただけませんでしょうか。
単語からしてformに入力されている文字などを初期化するんだろうなと予測はできますが、具体的な用途例と使わなかった場合に起こり得ることがわかりません。

javascriptは簡単なDOM操作しかできなくて、かなり苦手なのでわかりやすく教えていただけるとありがたいです。

<script type="text/javascript">
        $('#input_form').on('submit', function(ev){
            ev.preventDefault();
            $.ajax({
                url      : './check/validation.json',
                data     : $('#input_form').serialize(),
                type     : 'POST',
                cache    : false,
                dataType : 'json'
            }).done(function(json){
                if( json.res == 'OK' ) {
                //成功処理。
                }
                // エラー表示
                $('p.error').remove();
                for( var i in json.error )
                {
                    $('input[name="' + i + '"]').parent().after('<p class="error">' + json.error[i] + '</p>');
                }
                return;
            }).fail(function() {
                alert('ajax接続エラー');
            });
        });
</script>

Answer 1

【jQueryのserializeはform要素以外にも使えるの知ってましたか？ · DQNEO起業日記】
http://dqn.sakusakutto.jp/2013/06/jquery_serialize_form_inpu.html

jQueryにはserialize()という便利メソッドがあって、formの入力値をまるごとクエリ文字列に変換することができます。

【.serialize() | jQuery API Documentation】
https://api.jquery.com/serialize/

Answer 2

単にフォーム(ユーザーの入力)の内容をJSON化クエリ文字列化してサーバー側で値をチェックしているだけでは？

• form要素内のフォーム部品の内容をJSON化クエリ文字列化するのがserializeで,
• form要素内のフォーム部品の内容をJSONクエリ文字列として取得したい時に使って,
• 使わないとform要素内のフォーム部品の内容をJSONクエリ文字列として取得するのが面倒

なだけであろうと.

NOTE:
当初「serializeArrayを使ってフォームデータを加工しやすい形にする」のと勘違いしていました.

Comments

[kei344]

JSONではないと思います。

[defghi1977]

ああ、serializeArrayと勘違いしてました.