Ext.Ajax.request与form.getForm().submit的区别

前端之家收集整理的这篇文章主要介绍了Ext.Ajax.request与form.getForm().submit的区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
function formSubmit(){
if (form.getForm().isValid()) { //验证表单填写的数据是否有效
form.getForm().submit({ //调用basicForm的submit方法
waitTitle : '提示',//标题
waitMsg : '正在提交数据请稍后...',//提示信息
url : 'eidtBooktype.action',//将要把表单发送到哪里
method : 'post',//指定发送方式
params : 'booktype',//携带的参数
success : function(form,action){ //form指这个表单 action指返回内容
var flag=action.result.msg;
window.returnValue='SUCC';
Ext.Msg.alert('提示',flag,function(){
window.close();
});
},
failure : function(form,action) {
var flag=action.result.msg;
Ext.Msg.alert('操作',flag);
}
});
}
}

<PRE class=Ext.Ajax.request name="code">Ext.Ajax.request({
url : 'deleteBooktypes.action',
method : 'post',
params : {delids:deleteids.toString()},
success : function(form,action) {
var respText = Ext.util.JSON.decode(form.responseText); //把字符串变为json格式
var msg=respText.msg; //获取里面的值的方法与上面稍有不同
Ext.MessageBox.alert('提示',msg,function(){
bookTypeStore.reload();
});
},
failure : function(response,options) {
var respText = Ext.util.JSON.decode(response.responseText); //吧字符串变为json格式
var msg=respText.msg;
Ext.MessageBox.alert('提示',function(){
bookTypeStore.reload();
});
}
});
</PRE>
<P style="FONT-FAMILY: Simsun; WHITE-SPACE: normal; FONT-SIZE: medium"> </P>

最明显就是success和failure时候function的参数
Ext.Ajax.request的function(response,options),option非常有用,用response.responseText获得返回参数,注意这个地方的response参数可以换成action
form.getForm().submit的function(form,action),action很有用,用action.result.msg获得返回值
还有个最明显区别是Ext.Ajax.request不可以用waitMsg



相同点:都属于Ajax提交方式!
不同点:Ext.Ajax.request是Ext.data.connection的一个实例
form1.getForm().submit是BasicForm的一个实现方式
使用上的区别:
1.form1.getForm().submit常用在表单提交的时候,就是说要提交页面数据,比如新增和修改数据页面
2.Ext.Ajax.request常用在根据参数提交的时候,比如删除,我们把页面选中的ID进行遍历,封装在一个Array中,作为一个参数做Ajax的提交
例子:
首先是form1.getForm().submit的例子:
function formSubmit(){
if (form1.getForm().isValid()) {
form1.getForm().submit({
waitTitle : '提示',
method : 'post',
params : 'booktype',
success : function(form,action) {
var flag=action.result.msg;
window.returnValue='SUCC';
Ext.Msg.alert('提示',flag);
}
});
}
}




其次是一个Ext.Ajax.request的例子://顺便加个LoadMask,啧啧
var myMask = new Ext.LoadMask(Ext.getBody(),{ //LoadMask效果
msg : "Please wait..."
});
myMask.show();
Ext.Ajax.request({
url : 'deleteBooktypes.action',action) {
//alert(response.responseText); //返回的json值的字符串
var respText = Ext.util.JSON.decode(form.responseText);
//吧字符串变为json格式
var msg=respText.msg;
Ext.MessageBox.alert('提示',options) {
myMask.hide();
Ext.MessageBox.show({
title : "错误信息",
msg : response.error || response.responseText,
buttons : Ext.MessageBox.OK,
icon : Ext.MessageBox.ERROR
}
});
myMask.destroy();



使用是的区别:
最明显就是success和failure时候function的参数啦!
Ext.Ajax.request的function(response,options),option非常有用,用response.responseText获得返回参数,注意这个地方的response参数可以换成action
form1.getForm().submit的function(form,action),action很有用,用action.result.msg获得返回值 原文链接:https://www.f2er.com/ajax/166073.html

猜你在找的Ajax相关文章