jQuery_jqueryでのフォーム送信メソッドの検証とフォーム内容のシリアル化の実装

以前のプロジェクトで使用したフォーム送信メソッド

form() メソッドを使用して、送信イベントを送信ボタンから分離し、任意のイベントにバインドします

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

function addSubmit(){
$('#addForm').form('submit', {
url : _basePath '/@Controller/@RequestMapping',
onSubmit : function() {
if(boolean){//送信可否の判定条件を付ける
$.messager.show ({
title: 'プロンプト',msg:'保存条件を満たしていません',
showType:'fade',style:{right:'',bottom:''}
}); 🎜>return false;//フォームの送信をブロック
}
return $('#addForm').form('validate');//すべての必須項目に値があるか判定
},
success: function(data) {
var obj = jQuery.parseJSON(data);// 返された JSON を必要なオブジェクト (ResponseData) に変換
if (!obj.success) {// 属性値を判定返された ResponseData オブジェクトのステータスを示します
$.messager.show({
title:'Prompt',msg:'Save failed',
showType:'fade',style:{right:'' ,bottom:''}
});
} else {
$.messager.show({
title:'プロンプト',msg:'正常に保存されました',
showType:' fade',style:{right: '',bottom:''}
});
$("#addWin").window("close");//送信を閉じる pwkk
query( );//結果セットを更新します
}
}
});
}

今日は、ajax を使用する「Sharp jQuery」の別の送信メソッドを読みました。フォームのコンテンツをカプセル化します

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

$ ("#btn").click( function() {
$.get("get.php", {ユーザー名:$("#ユーザー名").val(), パスワード:$("#パスワード") .val()}, function(data , textStatus) {//フォームからデータを一つずつ削除してパッケージ化してアップロード
$("#target").html(data);//戻り値を埋める
});
});

次に、serialize() メソッドを使用して

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

$("#btn").click(function() {

$.get ("get.php", $("#form").serialize( ), function(data, textStatus) {//フォームからデータを一つずつ抽出し、パッケージ化してアップロードします
$("# target").html(data);//戻り値をページに埋め込みます
} );
});


serialize() メソッドは自動的にエンコードでき、チェックボックスなどのフォーム以外のオブジェクトもこれを使用して変換できます。

また、serializeArray() メソッドは要素をシリアル化し、JSON 文字列の代わりに JSON オブジェクトを配列の形式で返すことができます。

変換に jQuery.parseJSON() メソッドを使用する必要はありません

戻り値を直接使用できます $.each() と同様のメソッドを使用して操作します