Ext.Ajax.request与form.submit的用法区别
相同点:都属于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 : '提示',//标题
- waitMsg : '正在提交数据请稍后...',//提示信息
- url : 'eidtBooktype.action',
- method : 'post',
- params : 'booktype',
- success : function(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);
- }
- });
- }
- }
其次是一个Ext.Ajax.request的例子:
- Ext.Ajax.request({
- url : 'deleteBooktypes.action',
- method : 'post',
- params : {delids:deleteids.toString()},
- success : function(form,action) {
- //alert(response.responseText); //返回的json值的字符串
- 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('提示',msg,function(){
- bookTypeStore.reload();
- });
- }
- });
使用是的区别:
最明显就是success和failure时候function的参数啦!
Ext.Ajax.request的function(response,options),option非常有用,用response.responseText获得返回参数,注意这个地方的response参数可以换成action
form1.getForm().submit的function(form, action),action很有用,用action.result.msg获得返回值
- /*
- 服务器回传数据格式:
- {
- success:true,
- data:[{id:1, name:'A'},{id:2, name:'B'}]
- }
- */
posted on 2011-08-29 16:35 BarneyZhang 阅读(3009) 评论(0) 编辑 收藏 举报