jQueryでのフォーム提出方式の検証とフォーム内容のシーケンス化の実現

以前のプロジェクトで使用したフォームのコミット方法
form()メソッドを使用すると、コミットイベントをsubmitボタンから離れ、任意のイベントにバインドできます.

 
  
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');//  required        
  
}, 
  
success : function(data) { 
  
var obj = jQuery.parseJSON(data);//    JSON       （ResponseData） 
  
if (!obj.success) {//     ResponseData            
  
$.messager.show({ 
  
title:'  ',msg:'    ', 
  
showType:'fade',style:{right:'',bottom:''} 
  
}); 
  
} else { 
  
$.messager.show({ 
  
title:'  ',msg:'    ', 
  
showType:'fade',style:{right:'',bottom:''} 
  
}); 
  
$("#addWin").window("close");//    pwkk 
  
query();//      
  
} 
  
} 
  
}); 
  
} 
  
 
 

今日は「鋭いjQuery」でajaxを使用してフォームの内容をカプセル化しpostでコミットするコミット方式を読みました

 
  
$("#btn").click(function() { 
  
$.get("get.php", {username:$("#username").val(), password:$("#password").val()}, function(data, textStatus) {//                 
  
$("#target").html(data);//           
  
}); 
  
}); 
  
 
 

その後、serialize()メソッドを使用してシーケンス化された簡略化版があります.

 
  
$("#btn").click(function() { 
  
$.get("get.php", $("#form").serialize(), function(data, textStatus) {//                 
  
$("#target").html(data);//           
  
}); 
  
}); 
  
 
 

serialize()メソッドは自動的に符号化でき、フォーム以外のcheckboxなどのオブジェクトも変換できます.
またserializeArray()メソッドでは、JSON文字列ではなく、要素をシーケンス化して配列形式のJSONオブジェクトを返すことができます.
つまりjQueryを使用する必要がない.parseJSON()メソッドを変換する
戻り値は、類似$を直接使用することができる.each()などの方法で操作使用