JQueryのserialize()serialization_javascriptスキル

この記事の紹介: jQuery では、ajax を使用する場合、多くの場合、入力データを組み立てて、キーと値のペアの形式でサーバーに送信する必要があります。この作業は、JQuery のシリアライズ メソッドを使用して簡単に完了できます。このメソッドは、フォームをキーと値のペア (key1=value1&key2=value2…) にシリアル化し、送信できます。以下では、JQuery での Serialize() の使用法を紹介します

1. Serialize() の定義と使用法:

serialize() メソッドは、A を作成します。フォーム要素のコレクションを表す jQuery オブジェクトを操作する、標準の URL エンコードされたテキスト文字列。 1 つ以上のフォーム要素 (入力フィールドやテキスト フィールドなど)、またはフォーム要素自体を選択できます。シリアル化された値は、AJAX リクエストを行うときに URL クエリ文字列で使用できます。

構文:

コードをコピー コードは次のとおりです:

$(selector) .serialize( )

詳細説明

1. .serialize() メソッドは、標準の URL エンコーディングで表されるテキスト文字列を作成します。これは、フォーム要素のコレクションを表す jQuery オブジェクトを操作します。

2. .serialize() メソッドは、個別のフォーム要素を選択した jQuery オブジェクトを操作できます (例:

3)。「成功したコントロール」のみが文字列にシリアル化されます。ボタンを使用してフォームを送信しない場合、送信ボタンの値はシリアル化されません。フォーム要素の値をシーケンス文字列に含める場合は、要素で name 属性を使用する必要があります。

4. フォーム内の名前には、Js または jquery のキーワードを使用できません。

例: length

コードをコピー コードは次のとおりです:

//Use :$("#form1").serialize();

上記の値は取得できません。

2. JQuery の Serialize() の例

1. ajax Serialize()

コードをコピーします

コードは次のとおりです:

$.ajax({

type: "POST",
dataType: "json",
url: ajaxCallBack,
data:$('#myForm').serialize(),// 送信するフォームの ID
success: function(msg){
alert(msg);
}
});


2. Serialize() フォーム インスタンスをシリアル化します

コードをコピーします

コードは次のとおりです以下: