【extJS】extJS中常用的4种Ajax异步提交方式-Ajax-异步提交

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【extJS中常用的4种Ajax异步提交方式】，下面是详细的讲解！

extJS中常用的4种Ajax异步提交方式

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() {
}
});
}

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() {
}
});
}

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();
}

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);
}
});
}

关于extJS中常用的4种Ajax异步提交方式的用户互动如下：

　　相关问题：AJAX中的请求方式以及同步异步的区别

　　答：同步交互，就是最常见的click-refresh模式，点一个连接或提交一个表单，然后整个页面被刷新 异步交互，当前很热的AJAX就是典型例子，提交请求返回对象是不可见的层，然后用javascripts根据返回数据，改变当前页面显示，譬如google map >>详细

　　相关问题：javascript异步提交有哪些实现方案，请写一个具体方案

　　答：就是ajax，哪有那么多方案埃 就看你用什么js库了，jquery，extjs等等。 后台都基本一样。 >>详细

　　相关问题：关于ajax异步提交的问题

　　答：这里面的action id 就是传的参数名 后面的delnews，id 是参数值 >>详细