extJS_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);
失敗: function() {
}
});
}
/**
* 2 番目の 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);アラート(o.msg);
},
失敗: function() {
}
});
}
/**
* 3 番目の 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 : '密码',
名前: 'パスワード'
} ]
});
// 定义窗口
var win = new Ext.Window( {
title : '追加用户',
layout : 'fit',
width : 500,
height : 300、
closeAction : 'close'、
closeable : false、
plain : true、
items : formPanel、
buttons : [ {
text : '确定'、
ハンドラー : function() {
var form = formPanel.getForm();
var userName = form.findField('userName').getValue().trim();
var パスワード = 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);
},
失敗: function(form, action) {
alert(action.result.msg);
} );
}
}, {
text : '取消',
handler : function() {
win.close();
} ]
});
win.show();
}
/**
* 4 番目の Ajax 送信メソッド
* このメソッドは、HTML フォームを非同期送信用の外部フォームに変換します
* このメソッドを使用するには、HTML フォームを定義する必要があります
*
* @戻る
*/
function saveUser_ajaxSubmit4() {
new Ext.form.BasicForm('userForm').submit( {
waitTitle : '请稍後...',
waitMsg : '正在保存用户信息,请稍後...',
url : 'user_save.action',
method : 'post',
success : function (フォーム, アクション) {
alert(action.result.msg);
},
失敗 : function(form, action) {
alert(action.result.msg); }
});
}