`
perfee
  • 浏览: 23716 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

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

    博客分类:
  • EXT
阅读更多

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);
     }
    });
   }
}
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('提示',msg,function(){
          bookTypeStore.reload();
         });
        }
       });
 

 

最明显就是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

 

 

分享到:
评论

相关推荐

    Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别

    (1)Ext.FormPanel f.getForm().submit({ url:”……”, params:{ XX:xx …..} success: function (c,v,e) { //e: 触发事件 var json=Ext.decode(v.response.responseText); }, failure:function(c,v,e){} }) (2)Ext....

    ext几个实例

    【EXTJS】Ext.AJAX与FormPanel在登录案例中的应用 EXTJS是一个强大的JavaScript库,主要用于构建富客户端Web应用程序。在EXTJS中,Ext.AJAX和Ext.FormPanel是两个核心组件,它们分别用于异步与服务器进行数据交互和...

    extjs文档的详细介绍

    本文将详细介绍EXTJS中两种主要的前后台数据传递方法:`Ext.Ajax.request` 和 `FormPanel` 的 `getForm().submit()`。 首先,`Ext.Ajax.request` 是EXTJS提供的一个全局Ajax对象,用于发送异步HTTP请求。它的基本...

    EXT提交服务器的三种方式

    1. **EXT的Form表单AJAX提交**:这是EXT中最常见的提交方式,它允许你在不刷新整个页面的情况下与服务器进行异步通信。通过使用`doAction`方法,你可以方便地触发表单的提交,并指定URL、HTTP方法以及额外的参数。...

    Ext登陆login

    form.getForm().submit({ url: 'login.php', method: 'POST', success: function(form, action) { // 登录成功处理 }, failure: function(form, action) { // 登录失败处理 } }); } } } ] }] }); }...

    ext开发_前后台交互

    #### Ext.Ajax.request与form.submit的区别 尽管这两种方法都能实现前后端的数据交换,但它们之间存在一些关键差异。`form.submit()`根据后端返回的JSON数据的`success`字段自动选择成功或失败的回调,同时能处理...

    EXT dojochina ExtAjax表单提交 L9.rar

    var form = this.up('form').getForm(); if (form.isValid()) { // 验证表单数据有效后进行Ajax提交 form.submit({ url: 'submit.php', // 提交的URL method: 'POST', // 提交方式,默认为POST success: ...

    完成的 Ajax 提交表单

    2. **Ajax提交表单**:当表单需要异步提交时,可以利用`Ext.Ajax.request`方法。这个方法接受一个配置对象,其中包含了URL、方法(GET或POST)、数据、成功和失败的回调函数等参数。在本例中,你可能将表单的提交...

    EXT异步提交FORM表单

    form.getForm().submit({ success: function(form, action) { console.log('表单提交成功:', action.result); }, failure: function(form, action) { console.error('表单提交失败:', action.result); } });...

    ext 的ppt ext 的ppt ext 的pptext 的pptext 的ppt

    此外,还可以使用`Ext.lib.Ajax.request`进行异步提交,方法与上述submit类似,只是更底层,可以直接控制请求参数和回调函数。 总之,Ext Form是Ext JS中的强大组件,提供了丰富的功能来创建、验证和提交表单数据。...

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

    1. **直接使用Ext.Ajax.request方法** 这是最基础的Ajax提交方式,适用于手动封装请求参数的情况。在`saveUser_ajaxSubmit1`函数中,我们看到直接调用了`Ext.Ajax.request`方法,指定了URL、HTTP方法(POST)以及要...

    ext文件上传下载

    Ext.Ajax.request({ url: 'download.php', // 获取文件URL的服务器端请求 method: 'GET', success: function (response) { var url = response.responseText; // 假设服务器返回文件的URL downloadFile(url); ...

    EXT的3中提交方式

    newFs.getForm().reset(); store.reload(); }, failure: function(form, action) { Ext.Msg.alert('保存失败!', '原因:' + action.result.actionInfo); store.reload(); } }); ``` - `doAction`方法用于...

    Extjs upload(ext官网例子)

    可以使用`Ext.Ajax.request`或`Ext.form.action.Submit`,设置`method`为`POST`,并使用`params`或`formParams`指定其他非文件数据。 ```javascript var form = this.getForm(); if (form.isValid()) { form....

    ExtJs ajax提交

    - 结合`FormData`对象和`Ext.form.Basic`的`getForm().submit()`方法可以实现文件上传。 9. **异步进度** - 如果服务器端支持,可以通过`progress`回调处理上传或下载的进度。 - 需要设置`enableProgress: true`...

    EXT3.0 JSP上传

    uploadForm.getForm().on('submit', function(form, event) { event.preventDefault(); var fileInput = Ext.getCmp('fileInput'); var formData = form.getFieldValues(); formData.file = fileInput....

    ext多文件上传

    formPanel.getForm().submit({ url: 'upload.php', // 服务器端处理文件的URL method: 'POST', enctype: 'multipart/form-data', params: {action: 'upload'}, // 添加额外参数 success: function(form, action...

    ext form 表单提交数据的方法小结

    EXT的form表单默认采用AJAX方式进行数据提交,这样可以在不刷新页面的情况下与服务器进行异步交互。以下是一个简单的示例: ```javascript function login(item) { if (validatorForm()) { item.disabled = true;...

    Ext制作的登陆Demo

    loginForm.getForm().on('submit', function(form, event) { if (!form.isValid()) { event.preventDefault(); // 阻止表单提交,因为有无效字段 } else { // 这里可以添加服务器端验证逻辑,例如使用Ajax发送...

Global site tag (gtag.js) - Google Analytics