jQuery リファレンス：serialize

索引

Core：コアとなる仕組み

Selectors：セレクタ

Attributes：属性

Traversing：対象の変更

Manipulation：操作

CSS：スタイルシート

Events：イベント

Effects：演出効果

└ 目次
基礎
├ .hide()
├ .show()
└ .toggle()
スライド
├ .slideUp()
├ .slideDown()
└ .slideToggle()
フェード
├ .fadeOut()
├ .fadeIn()
├ .fadeTo()
└ .fadeToggle()
カスタム
├ .animate(prop)
├ .animate(prop,opt...
├ .stop()
├ .delay()
├ .queue()
├ .dequeue()
├ .clearQueue()
├ .finish()
├ jQuery.queue()
├ jQuery.dequeue()
├ jQuery.fx.interval
└ jQuery.fx.off

Ajax：xml等との連携

└ 目次
簡易メソッド
├ .load()
├ jQuery.get()
├ jQuery.getJSON()
├ jQuery.getScript()
└ jQuery.post()
グローバルイベントハンドラ
├ .ajaxComplete()
├ .ajaxSuccess()
├ .ajaxError()
├ .ajaxSend()
├ .ajaxStart()
└ .ajaxStop()
低レベル・インターフェイス
├ jQuery.ajax()
├ jQuery.ajaxSetup()
└ jQuery.ajaxPrefilt...
お助け機能
├ jQuery.param()
├ .serialize()
└ .serializeArray()

Utilities：ユーティリティ

Data：データ

Miscellaneous：諸々

├ 目次
├ .index()
├ .get()
├ .toArray()
├ .length
└ .size()

Deferred：処理管理

└ 目次
deferredの作成
└ jQuery.deferred()
promiseの作成
├ jQuery.when()
├ .promise()
└ deferred.promise()
コールバックの設定
├ deferred.done()
├ deferred.fail()
├ deferred.always()
├ deferred.progress()
├ deferred.then()
└ deferred.pipe()
状態の取得
├ deferred.state()
├ deferred.isReso...
└ deferred.isReje...
状態の変更
├ deferred.resolve()
├ deferred.resolveW...
├ deferred.reject()
├ deferred.rejectW...
├ deferred.notify()
└ deferred.notifyW...

Callbacks：コールバック

Internals：内部処理

.serialize( )フォームの内容をシリアライズ

構文

フォームの内容をシリアライズ返値：文字列: jQo.serialize( )ver1.0〜

機能

serializeメソッドはjQueryオブジェクトで指定したフォーム要素の情報をシリアライズします。

name属性を利用するのでform内の要素にはname属性を設定して下さい。チェックボックスやラジオボタンは選択されている場合のみシリアライズに含みます。ファイル選択（type属性がfileのinput要素）の情報はシリアライズに含まれません。

解説

フォームの内容をシリアライズする

サンプル（serialize/01.html）を開いてbody内にform要素があることを確認してください。jQueryは以下の様に記述され、submitをクリックするとform要素の内容をシリアライズしてアラートで表示します。

$("form").submit(function() {
	var formData = $("form").serialize();
	alert(formData);
	return false;
});

結果として、submitをクリックするとアラートでシリアライズされたformの内容が表示されます。

注意点として、ファイル選択の情報はファイルを選択してもシリアライズに含まれません。またチェックボックスはチェックしないとシリアライズに含まれません。シリアライズの変数名にはname属性が利用されるので、form内の要素にはname属性を設定して下さい。

関連項目

formの内容をシリアライズするのではなく、配列に変換したい場合はserializeArrayメソッドを利用して下さい。formの内容ではなくobjectオブジェクトや配列をシリアライズしたい場合はjQuery.paramメソッドを利用して下さい。

次のページ： serializeArray()