extJS常用的4中Ajax异步提交

发布时间：2020-12-16 00:39:52 所属栏目：百科来源：网络整理

导读：/** * 第一种Ajax提交方式 * 这种方式需要直接使用ext Ajax方法进行提交 * 使用这种方式，需要将待传递的参数进行封装 * @return */ function saveUser_ajaxSubmit1() { Ext.Ajax.request( { url : 'user_save.action', method : 'post',239)">params : { us

/**
* 第一种Ajax提交方式
* 这种方式需要直接使用ext Ajax方法进行提交
* 使用这种方式，需要将待传递的参数进行封装
* @return
*/
function saveUser_ajaxSubmit1() {
Ext.Ajax.request( {
url : 'user_save.action',
method : 'post',239)">params : {
userName : document.getElementById('userName').value,239)">password : document.getElementById('password').value
},239)">success : function(response,options) {
var o = Ext.util.JSON.decode(response.responseText);
alert(o.msg);
failure : function() {
}
});
* 第二种Ajax提交方式
* 这种方式将为ext的ajax指定一个html表单
* 使用这种方式，不需要将待传递的参数进行封装
*
function saveUser_ajaxSubmit2() {
form : 'userForm',// 指定表单
* 第三种Ajax提交方式
* 这种方式将为ext的自己的表单进行提交
* 使用这种方式，需要使用ext自己的textField组件
function saveUser_ajaxSubmit3() {
// 定义表单
var formPanel = new Ext.FormPanel( {
labelWidth : 75,239)">frame : true,239)">bodyStyle : 'padding:5px 5px 0',239)">width : 350,239)">defaults : {
width : 230
defaultType : 'textfield',239)">items : [ {
fieldLabel : '用户名',239)">name : 'userName',239)">allowBlank : false
fieldLabel : '密码',239)">name : 'password'
} ]
// 定义窗口
var win = new Ext.Window( {
title : '添加用户',239)">layout : 'fit',239)">width : 500,239)">height : 300,239)">closeAction : 'close',239)">closable : false,239)">plain : true,239)">items : formPanel,239)">buttons : [ {
text : '确定',239)">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('密码不能为空');
form.submit( {
waitTitle : '请稍后...',239)">waitMsg : '正在保存用户信息,请稍后...',239)">success : function(form,action) {
alert(action.result.msg);
failure : function(form,239)">text : '取消',239)">win.close();
win.show();
* 第四种Ajax提交方式
* 这种方式将html的表单转化为ext的表单进行异步提交
* 使用这种方式，需要定义好html的表单
function saveUser_ajaxSubmit4() {
new Ext.form.BasicForm('userForm').submit( {
}
（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!