`
laodaobazi
  • 浏览: 276943 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ExtJS中submit与Ajax的success

阅读更多
Ajax中使用Success使用response接收后台传来的Json数据

Ext.Ajax.request({
    url: path + '/settle/qualityInfoAction.action',    //配置Action请求
    params: {
     qualityAssayId : _quality    //配置传到后台的参数
    },
    success: function(response){    //success中用response接受后台的数据
     _json = Ext.util.JSON.decode(response.responseText)  ;    //将Json数据进行反编码成Object
     _root = Ext.util.JSON.encode(_json.page.root) ;    //将对象object编译成Json串
     _root = _root.replace('[','') ;
     _root = _root.replace(']','')
     _rootInfo = Ext.util.JSON.decode(_root) ;
     Ext.getCmp('ngymt').setValue(_rootInfo.ngymt) ;//全水分
     Ext.getCmp('nlcfad').setValue(_rootInfo.nlcfad) ;//灰分
     Ext.getCmp('nlcfvd').setValue(_rootInfo.nlcfvd) ;//挥发分
     Ext.getCmp('nlcfstd').setValue(_rootInfo.nlcfstd) ;//硫分
     Ext.getCmp('nqnetarkc').setValue(_rootInfo.nqnetarkc) ;//发热量
    },
    failure: function(){
     Ext.Msg.show({
      title: '错误提示',
      msg: '访问数据库时发生错误!',
      buttons: Ext.Msg.OK,
      icon: Ext.Msg.ERROR
     });
    }
   });

FormPanel中Submit的Success使用action接收后台传来的Json

settleDetailForm.getForm().submit({    //获取basicform
     url: path + '/settle/delete4saveSettleInfo.action',    //设置Action请求
     waitTitle: '请稍候',
     waitMsg: '正在提交表单数据,请稍候...',
     success: function(form, action){    //succes中用action接收后台传来的Json数据,使用action.result获得Json Object
      myExt.Msg.show({
       title: '成功提示',
       msg: '操作成功!',
       buttons: myExt.Msg.OK,
       icon: myExt.Msg.INFO,
       fn: function(){
        //获取ds_settle
        ds_settle.removeAll() ;
        ds_settle.proxy = new Ext.data.HttpProxy({ url : path+'/settle/findSettleByCode.action?settleSerialno='+action.result.settleSerialno , method:'POST'});
        ds_settle.reload({
         callback:function(){
              settleDetailForm.getForm().loadRecord(ds_settle.getAt(0));
            }
        }) ;
       }
      });
     },
     failure: function(form, action){
      myExt.Msg.show({
       title: '错误提示',
       msg: '操作失败,请重新操作!',
       buttons: myExt.Msg.OK,
       icon: myExt.Msg.ERROR,
       fn: function(){
       }
      });
     }
    });
分享到:
评论

相关推荐

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    ExtJs提供了Ext.Ajax.request方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法提供了waitTitle和waitMsg属性来实现等待提示。为了解决这一限制,我们可以采用Ext.MessageBox的...

    解决Extjs4中form表单提交后无法进入success函数问题

    如果服务器端没有正确返回包含有success: true的json对象,那么即使服务器处理了表单提交的数据,Extjs4的回调机制也不会触发success函数,而可能会跳转到error回调函数中去,甚至可能出现回调函数都不执行的情况。...

    ExtJs ajax提交

    在ExtJS中,Ajax(Asynchronous JavaScript and XML)提交是实现异步数据交互的核心功能,允许用户在不刷新整个页面的情况下与服务器进行数据交换。在本文中,我们将深入探讨ExtJS中的Ajax提交及其相关知识点。 1. ...

    extjs文档的详细介绍

    在EXTJS中,前端与后端的数据交互是通过Ajax请求实现的,这使得页面可以在不刷新的情况下与服务器进行通信。本文将详细介绍EXTJS中两种主要的前后台数据传递方法:`Ext.Ajax.request` 和 `FormPanel` 的 `getForm()....

    extjs中的formPanel以及表单的应用

    ExtJS 是一个强大的JavaScript 库,专用于构建富客户端应用程序,尤其在企业级Web应用中广泛应用。FormPanel 是 ExtJS 中的一个核心组件,用于创建和处理表单元素,包括输入字段、按钮、选择框等。它提供了丰富的...

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

    在ExtJS中,异步数据交互是通过Ajax技术来实现的。Ajax允许应用程序在不刷新整个页面的情况下与服务器进行通信,极大地提升了用户体验。在ExtJS中,有多种方式可以实现Ajax异步提交,这里我们将详细探讨四种常见的...

    Extjs测试题

    10. panel的组成部分:panel是ExtJS中的一个容器组件,它的组成部分通常包括顶部工具栏(A)、底部工具栏(B)、面板头部(C)、面板底部(D)和面板主区域(E)。这些部分允许用户构建具有层次结构的用户界面布局。...

    extjs四种异步提交

    在EXTJS中,异步提交数据是常见的操作,主要用于与服务器进行无刷新的数据交互。这里提到了EXTJS的四种异步提交方式,分别是基于EXT JS的Ajax方法、指定HTML表单的Ajax提交、EXT JS自定义表单的提交以及使用Action...

    Extjs多文件上传

    在ExtJS 4中,实现多文件上传功能是一项常见的需求,特别是在处理用户需要一次性上传多个图片或文档的场景下。这一功能通常涉及到Ajax异步通信、文件输入控件、前端文件预览以及后台服务器的处理逻辑。 首先,我们...

    EXTjs 文件上传(可用)

    EXTjs中的`Ext.Ajax.request`方法可以用来发送异步请求。当用户选择文件并点击“提交”时,可以捕获此事件,将文件数据和相关参数一起发送到服务器: ```javascript form.getForm().on('submit', function(form, ...

    ExtJs做的用户登陆!ASP后台

    在ExtJS中,可以使用`Ext.Ajax.request`方法来实现这一功能。登录请求应发送到ASP页面,如`login.asp`,并携带用户名和密码参数: ```javascript loginForm.getForm().submit({ url: 'login.asp', method: 'POST'...

    extjs 多文件上传

    submit: function(form, result, success) { // 提交后的回调处理 } } }); ``` 3. **Ajax请求**:EXTJS 使用`Ext.Ajax`模块来处理异步请求。当FormPanel提交时,EXTJS 会自动将所有表单字段的值转换为JSON...

    struts2+extjs中File的upload&download;&delete;例子及说明

    ### Struts2与ExtJS集成实现文件的上传、下载与删除功能详解 #### 一、项目背景与技术栈概述 本案例旨在通过Struts2框架与ExtJS前端库的结合来实现文件的批量上传、下载以及删除功能。适用于对Struts2与ExtJS有...

    Extjs2.x 实现文件上传组件

    总的来说,ExtJS 2.x实现文件上传组件涉及到的主要知识点包括:FormPanel组件的使用、FileUploadField的创建、表单的Ajax提交、以及可能需要的额外插件如UploadProgress。通过这些技术,开发者可以构建出功能完备、...

    批量上传文件 EXTJS文件上传 上传组件

    在按钮的点击事件处理器中,我们可以获取到选中的文件列表,并使用Ajax或者EXTJS的FormData对象来发送POST请求到服务器。FormData对象可以方便地封装文件数据并发送到后端。例如: ```javascript form.getForm()....

    learning extjs 中文版 表单提交

    在EXTJS这个强大的JavaScript框架中,表单提交是应用程序中不可或缺的一部分,特别是在处理用户输入数据和与服务器进行数据交换时。EXTJS提供了丰富的组件和功能,使得构建动态、交互式的Web应用变得更加简单。本篇...

    extjs 上传图片(可以上传其他类型的文件)asp 实现

    在本文中,我们将深入探讨如何使用ExtJS框架与ASP(Active Server Pages)技术结合,实现一个功能完善的文件上传功能,特别是针对图片和其他类型文件的上传。ExtJS是一款强大的JavaScript库,用于构建桌面级的Web...

    ExtJS文件上传示例

    3. **Ajax请求**:在ExtJS中,可以使用`Ext.Ajax.request`方法发起异步请求。在文件上传场景下,通常使用POST请求,并将文件作为FormData对象的一部分发送。 4. **事件监听**:为了跟踪文件上传的进度,我们需要...

Global site tag (gtag.js) - Google Analytics