extJSでよく使われている4種類のAjax非同期提出方式

 
*    Ajax     
*           ext Ajax       
*       ，              
* @return 
*/ 
function saveUser_ajaxSubmit1() { 
Ext.Ajax.request( { 
url : 'user_save.action', 
method : 'post', 
params : { 
userName : document.getElementById('userName').value, 
password : document.getElementById('password').value 
}, 
success : function(response, options) { 
var o = Ext.util.JSON.decode(response.responseText); 
alert(o.msg); 
}, 
failure : function() { 
} 
}); 
} 
/** 
*    Ajax     
*       ext ajax    html   
*       ，               
* 
* @return 
*/ 
function saveUser_ajaxSubmit2() { 
Ext.Ajax.request( { 
url : 'user_save.action', 
method : 'post', 
form : 'userForm', //      
success : function(response, options) { 
var o = Ext.util.JSON.decode(response.responseText); 
alert(o.msg); 
}, 
failure : function() { 
} 
}); 
} 
/** 
*    Ajax     
*       ext           
*       ，    ext   textField   
* 
* @return 
*/ 
function saveUser_ajaxSubmit3() { 
//      
var formPanel = new Ext.FormPanel( { 
labelWidth : 75, 
frame : true, 
bodyStyle : 'padding:5px 5px 0', 
width : 350, 
defaults : { 
width : 230 
}, 
defaultType : 'textfield', 
items : [ { 
fieldLabel : '   ', 
name : 'userName', 
allowBlank : false 
}, { 
fieldLabel : '   ', 
name : 'password' 
} ] 
}); 
//      
var win = new Ext.Window( { 
title : '    ', 
layout : 'fit', 
width : 500, 
height : 300, 
closeAction : 'close', 
closable : false, 
plain : true, 
items : formPanel, 
buttons : [ { 
text : '  ', 
handler : function() { 
var form = formPanel.getForm(); 
var userName = form.findField('userName').getValue().trim(); 
var password = form.findField('password').getValue().trim(); 
if (!userName) { 
alert('       '); 
return; 
} 
if (!password) { 
alert('      '); 
return; 
} 
form.submit( { 
waitTitle : '   ...', 
waitMsg : '        ,   ...', 
url : 'user_save.action', 
method : 'post', 
success : function(form, action) { 
alert(action.result.msg); 
}, 
failure : function(form, action) { 
alert(action.result.msg); 
} 
}); 
} 
}, { 
text : '  ', 
handler : function() { 
win.close(); 
} 
} ] 
}); 
win.show(); 
} 
/** 
*    Ajax     
*      html      ext          
*       ，     html    
* 
* @return 
*/ 
function saveUser_ajaxSubmit4() { 
new Ext.form.BasicForm('userForm').submit( { 
waitTitle : '   ...', 
waitMsg : '        ,   ...', 
url : 'user_save.action', 
method : 'post', 
success : function(form, action) { 
alert(action.result.msg); 
}, 
failure : function(form, action) { 
alert(action.result.msg); 
} 
}); 
}