4 Méthodes de soumission asynchrone Ajax couramment utilisées dans extJS_extjs

/**

Copier le code Le code est le suivant :

* La première méthode de soumission Ajax
* Cette Cette méthode nécessite l'utilisation directe de la méthode ext Ajax pour la soumission
* En utilisant cette méthode, les paramètres à transmettre doivent être encapsulés
* @return
*/
function saveUser_ajaxSubmit1() {
Ext.Ajax.request( {
url : 'user_save.action',
method : 'post',
params : {
userName : document.getElementById('userName').value,
mot de passe : document.getElementById('password').value
},
succès : function(réponse, options) {
var o = Ext.util.JSON.decode(response.responseText);
alert(o.msg);
},
échec : function() {
}
});
}
/**
* La deuxième méthode de soumission Ajax
* Cette méthode spécifiera un formulaire html pour l'ajax d'ext
* En utilisant cette méthode, il n'est pas nécessaire d'encapsuler les paramètres à transmettre
*
* @retour
*/
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);
},
échec : function() {
}
});
}
/**
* La troisième méthode de soumission Ajax
* Cette méthode soumettra le propre formulaire d'ext
* En utilisant cette méthode, vous devez utiliser le propre composant textField d'ext
*
* @return
*/
function saveUser_ajaxSubmit3() {
// 定义表单
var formPanel = new Ext.FormPanel( {
labelWidth : 75,
frame : true,
bodyStyle : 'padding:5px 5px 0',
width : 350,
valeurs par défaut : {
width : 230
},
defaultType : 'textfield ',
items : [ {
fieldLabel : '用户名',
name : 'userName',
allowBlank : false
}, {
fieldLabel : '密 码',
nom : 'mot de passe'
} ]
});
// 定义窗口
var win = new Ext.Window( {
titre : '添加用户',
layout : 'fit',
largeur : 500,
hauteur : 300,
closeAction : 'close',
closable : false,
plain : true,
items : formPanel,
boutons : [ {
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',
méthode : 'post',
succès : fonction (formulaire, action) {
alerte(action.result.msg);
},
échec : fonction(formulaire, action) {
alerte(action.result.msg
}
} );
}
}, {
texte : '取消',
handler : function() {
win.close(); >>});
win.show();
}
/**
* La quatrième méthode de soumission Ajax
* Cette méthode convertit le formulaire html en un formulaire ext pour une soumission asynchrone
* En utilisant cette méthode, vous devez définir le formulaire html
*
* @ retour
*/
function saveUser_ajaxSubmit4() {
new Ext.form.BasicForm('userForm').submit( {
waitTitle : '请稍后...',
waitMsg : '正在保存用户信息,请稍后...',
url : 'user_save.action',
method : 'post',
success : function (formulaire, action) {
alert(action.result.msg
},
échec : function(form, action) {
alert(action.result.msg
); }
});
}