zoukankan      html  css  js  c++  java
  • 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的例子:

    1. function formSubmit(){  
    2.    if (form1.getForm().isValid()) {  
    3.     form1.getForm().submit({  
    4.      waitTitle : '提示',//标题  
    5.      waitMsg : '正在提交数据请稍后...',//提示信息  
    6.      url : 'eidtBooktype.action',  
    7.      method : 'post',  
    8.      params : 'booktype',  
    9.      success : function(form, action) {  
    10.       var flag=action.result.msg;  
    11.       window.returnValue='SUCC';   
    12.       Ext.Msg.alert('提示',flag,function(){  
    13.        window.close();  
    14.       });  
    15.      },  
    16.      failure : function(form,action) {  
    17.       var flag=action.result.msg;  
    18.       Ext.Msg.alert('操作', flag);  
    19.      }  
    20.     });  
    21.    }  

    其次是一个Ext.Ajax.request的例子:

    1. Ext.Ajax.request({  
    2.          url : 'deleteBooktypes.action',  
    3.         method : 'post',  
    4.         params : {delids:deleteids.toString()},  
    5.         success : function(form,action) {  
    6.          //alert(response.responseText); //返回的json值的字符串  
    7.          var respText = Ext.util.JSON.decode(form.responseText); 
    8. //吧字符串变为json格式  
    9.          var msg=respText.msg;  
    10.          Ext.MessageBox.alert('提示',msg,function(){  
    11.           bookTypeStore.reload();  
    12.          });  
    13.         },  
    14.         failure : function(response,options) {  
    15.          var respText = Ext.util.JSON.decode(response.responseText); 
    16. //吧字符串变为json格式  
    17.          var msg=respText.msg;  
    18.          Ext.MessageBox.alert('提示',msg,function(){  
    19.           bookTypeStore.reload();  
    20.          });  
    21.         }  
    22.        }); 

    使用是的区别:

    最明显就是success和failure时候function的参数啦!

    Ext.Ajax.request的function(response,options),option非常有用,用response.responseText获得返回参数,注意这个地方的response参数可以换成action

    form1.getForm().submit的function(form, action),action很有用,用action.result.msg获得返回值

    1. /*
    2. 服务器回传数据格式:
    3. {
    4.      success:true,
    5.      data:[{id:1, name:'A'},{id:2, name:'B'}]
    6. }
    7. */ 

  • 相关阅读:
    分布式事务总结
    正确使用HttpClient,避免出现大量CLOSE_WAIT的TCP链接
    年终总结
    不如自己读一遍AsyncTask源码
    Android支持的图片格式
    Java Annotation Tutorials
    Android中的LruCache
    Hadoop DistributedCache分布式缓存的使用
    Mapreduce设置多路径输入输出
    Ubuntu Server 12.04安装CDH5方法总结
  • 原文地址:https://www.cnblogs.com/zhxhdean/p/2158330.html
Copyright © 2011-2022 走看看