serialize
UK[ˈsɪəriəlaɪz] US[ˈsɪriəlaɪz]
vt. シリアル化、シリアル化 (ストーリー)
array
UK[əˈreɪ] US[ə'reɪ]
n.配列;列、配列;多数;衣服
vt.配置;軍隊の配置;着飾る、飾る
ajax serializeArray()方法 構文
関数: serializeArray() メソッドは、フォーム値をシリアル化することによってオブジェクト配列 (名前と値) を作成します。 1 つ以上のフォーム要素 (入力やテキストエリアなど)、またはフォーム要素自体を選択できます。
構文: $(selector).serializeArray()
説明: serializeArray() メソッドは、フォーム要素をシリアル化します (.serialize() と同様)メソッド)、JSON データ構造データを返します。
注: このメソッドは、JSON 文字列ではなく JSON オブジェクトを返します。文字列化操作にはプラグインまたはサードパーティのライブラリを使用する必要があります。返される JSON オブジェクトはオブジェクトの配列で構成され、各オブジェクトには 1 つまたは 2 つの名前と値のペア、つまり名前パラメーターと値パラメーター (値が空でない場合) が含まれます。
ajax serializeArray()方法 例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
x=$("form").serializeArray();
$.each(x, function(i, field){
$("#results").append(field.name + ":" + field.value + " ");
});
});
});
</script>
</head>
<body>
<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>
<button>序列化表单值</button>
<div id="results"></div>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します