由Ext界面提交到action的两种方法
2013-02-19 23:26
316 查看
第一种:
Ext.getCmp("save").on('click', loginFun);//点击id为save的按钮时,执行loginFun函数
function loginFun() {
var w = Ext.getCmp("_window");
var f = Ext.getCmp("modifyForm");//取组件
var newPwd = Ext.getCmp("newPwd").getValue();//取值
var oldPwd = Ext.getCmp("oldPwd").getValue();
var confirm = Ext.getCmp("confirm").getValue();
if (newPwd != confirm) {
Ext.Msg.alert('两次输入的密码不一致');
} else {
var para = {//参数
oldPwd : oldPwd,
newPwd : newPwd
};
var url = 'userInfo.do?method=changePwd';//要提交到的actionURL
Ext.Ajax.request({//ajax提交
url : url,
params : para,
method : 'POST',
success : function(xmlhttp, request) {//提交服务器返回值
res = Ext.util.JSON.decode(xmlhttp.responseText);
if (res.result == 'success') {//action返回值
w.close();
Ext.Msg.alert('成功', '修改密码成功!');
} else {
w.close();
Ext.Msg.alert('失败', '原密码错误!');
}
},
failure : function(xmlhttp, request) {
w.close();
Ext.Msg.alert('错误', "服务器错误");
}
});
}
}
第二种:
Ext.getCmp("save").on('click',submit);//点击id为save的按钮时,执行loginFun函数
function submit(){
var w = Ext.getCmp("_window");
var f = Ext.getCmp("userForm");
f.form.submit({//表单提交
url: 'userInfo.do?method=save',
method: 'POST',
success:function(form,action){
w.close();
Ext.Msg.alert('成功','提交成功');
},
failure:function(form,action){
w.close();
Ext.Msg.alert('失败','提交失败');
}
});
}
Ext.getCmp("save").on('click', loginFun);//点击id为save的按钮时,执行loginFun函数
function loginFun() {
var w = Ext.getCmp("_window");
var f = Ext.getCmp("modifyForm");//取组件
var newPwd = Ext.getCmp("newPwd").getValue();//取值
var oldPwd = Ext.getCmp("oldPwd").getValue();
var confirm = Ext.getCmp("confirm").getValue();
if (newPwd != confirm) {
Ext.Msg.alert('两次输入的密码不一致');
} else {
var para = {//参数
oldPwd : oldPwd,
newPwd : newPwd
};
var url = 'userInfo.do?method=changePwd';//要提交到的actionURL
Ext.Ajax.request({//ajax提交
url : url,
params : para,
method : 'POST',
success : function(xmlhttp, request) {//提交服务器返回值
res = Ext.util.JSON.decode(xmlhttp.responseText);
if (res.result == 'success') {//action返回值
w.close();
Ext.Msg.alert('成功', '修改密码成功!');
} else {
w.close();
Ext.Msg.alert('失败', '原密码错误!');
}
},
failure : function(xmlhttp, request) {
w.close();
Ext.Msg.alert('错误', "服务器错误");
}
});
}
}
第二种:
Ext.getCmp("save").on('click',submit);//点击id为save的按钮时,执行loginFun函数
function submit(){
var w = Ext.getCmp("_window");
var f = Ext.getCmp("userForm");
f.form.submit({//表单提交
url: 'userInfo.do?method=save',
method: 'POST',
success:function(form,action){
w.close();
Ext.Msg.alert('成功','提交成功');
},
failure:function(form,action){
w.close();
Ext.Msg.alert('失败','提交失败');
}
});
}
相关文章推荐
- Ext.Ajax.request和formPanel.getForm().submit两种提交方法的异同
- action提交表单路径两种方法:web.xml设置和注解
- 提交表单时,用到的action跳转的方法有两种方法
- Ext.Ajax.request和formPanel.getForm().submit两种提交方法的异同
- Ext.Ajax.request和formPanel.getForm().submit两种提交方法的异同
- Ext.Ajax.request和formPanel.getForm().submit两种提交方法的异同
- 页面传值提交ACTION的方法 两种 一
- Ext.Ajax.request和formPanel.getForm().submit两种提交方法的异同
- struts2 从一个action 跳转到另一个action的两种方法
- struts2 Action 获得 http 提交的 from 的参数的4个方法
- 在ASP.Net中两种利用CSS实现多界面的方法
- 两种方法实现ANDROID应用界面的切换
- 在ASP.Net中两种利用CSS实现多界面的方法.
- Action中获取HttpServletRequest对象的方法(表单提交值,url传递参数)
- EXTJS4.0 tabpanel 用法笔记~~两种关联界面方法
- 在ASP.Net中两种利用CSS实现多界面的方法
- struts2 从一个action 跳转到另一个action的两种方法
- ext提交请求后,前台显示不刷新的处理方法总结
- JavaScript禁止用户多次提交的两种方法
- 使用js提交form表单的两种方法