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方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法提供了waitTitle和waitMsg属性来实现等待提示。为了解决这一限制,我们可以采用Ext.MessageBox的...
如果服务器端没有正确返回包含有success: true的json对象,那么即使服务器处理了表单提交的数据,Extjs4的回调机制也不会触发success函数,而可能会跳转到error回调函数中去,甚至可能出现回调函数都不执行的情况。...
在ExtJS中,Ajax(Asynchronous JavaScript and XML)提交是实现异步数据交互的核心功能,允许用户在不刷新整个页面的情况下与服务器进行数据交换。在本文中,我们将深入探讨ExtJS中的Ajax提交及其相关知识点。 1. ...
在EXTJS中,前端与后端的数据交互是通过Ajax请求实现的,这使得页面可以在不刷新的情况下与服务器进行通信。本文将详细介绍EXTJS中两种主要的前后台数据传递方法:`Ext.Ajax.request` 和 `FormPanel` 的 `getForm()....
ExtJS 是一个强大的JavaScript 库,专用于构建富客户端应用程序,尤其在企业级Web应用中广泛应用。FormPanel 是 ExtJS 中的一个核心组件,用于创建和处理表单元素,包括输入字段、按钮、选择框等。它提供了丰富的...
在ExtJS中,异步数据交互是通过Ajax技术来实现的。Ajax允许应用程序在不刷新整个页面的情况下与服务器进行通信,极大地提升了用户体验。在ExtJS中,有多种方式可以实现Ajax异步提交,这里我们将详细探讨四种常见的...
10. panel的组成部分:panel是ExtJS中的一个容器组件,它的组成部分通常包括顶部工具栏(A)、底部工具栏(B)、面板头部(C)、面板底部(D)和面板主区域(E)。这些部分允许用户构建具有层次结构的用户界面布局。...
在EXTJS中,异步提交数据是常见的操作,主要用于与服务器进行无刷新的数据交互。这里提到了EXTJS的四种异步提交方式,分别是基于EXT JS的Ajax方法、指定HTML表单的Ajax提交、EXT JS自定义表单的提交以及使用Action...
在ExtJS 4中,实现多文件上传功能是一项常见的需求,特别是在处理用户需要一次性上传多个图片或文档的场景下。这一功能通常涉及到Ajax异步通信、文件输入控件、前端文件预览以及后台服务器的处理逻辑。 首先,我们...
EXTjs中的`Ext.Ajax.request`方法可以用来发送异步请求。当用户选择文件并点击“提交”时,可以捕获此事件,将文件数据和相关参数一起发送到服务器: ```javascript form.getForm().on('submit', function(form, ...
在ExtJS中,可以使用`Ext.Ajax.request`方法来实现这一功能。登录请求应发送到ASP页面,如`login.asp`,并携带用户名和密码参数: ```javascript loginForm.getForm().submit({ url: 'login.asp', method: 'POST'...
submit: function(form, result, success) { // 提交后的回调处理 } } }); ``` 3. **Ajax请求**:EXTJS 使用`Ext.Ajax`模块来处理异步请求。当FormPanel提交时,EXTJS 会自动将所有表单字段的值转换为JSON...
### Struts2与ExtJS集成实现文件的上传、下载与删除功能详解 #### 一、项目背景与技术栈概述 本案例旨在通过Struts2框架与ExtJS前端库的结合来实现文件的批量上传、下载以及删除功能。适用于对Struts2与ExtJS有...
总的来说,ExtJS 2.x实现文件上传组件涉及到的主要知识点包括:FormPanel组件的使用、FileUploadField的创建、表单的Ajax提交、以及可能需要的额外插件如UploadProgress。通过这些技术,开发者可以构建出功能完备、...
在按钮的点击事件处理器中,我们可以获取到选中的文件列表,并使用Ajax或者EXTJS的FormData对象来发送POST请求到服务器。FormData对象可以方便地封装文件数据并发送到后端。例如: ```javascript form.getForm()....
在EXTJS这个强大的JavaScript框架中,表单提交是应用程序中不可或缺的一部分,特别是在处理用户输入数据和与服务器进行数据交换时。EXTJS提供了丰富的组件和功能,使得构建动态、交互式的Web应用变得更加简单。本篇...
在本文中,我们将深入探讨如何使用ExtJS框架与ASP(Active Server Pages)技术结合,实现一个功能完善的文件上传功能,特别是针对图片和其他类型文件的上传。ExtJS是一款强大的JavaScript库,用于构建桌面级的Web...
3. **Ajax请求**:在ExtJS中,可以使用`Ext.Ajax.request`方法发起异步请求。在文件上传场景下,通常使用POST请求,并将文件作为FormData对象的一部分发送。 4. **事件监听**:为了跟踪文件上传的进度,我们需要...