`
- 浏览:
904127 次
- 性别:
- 来自:
上海
-
ExtJS中Ext.Ajax.request跟getForm().submit提交各自取返回参值的方法
- 转:http://blog.csdn.net/lanqiao825/article/details/6704387
- 比如返回的json数据 {success:true,msg:'提示神马神马。。'}
-
- 1、Ajax取值方式如下:
- Ext.Ajax.request({
- url: 'tmp.aspx',
- params: {
- uid: userid,
- }, success: function(form, options) {
- var respText = Ext.util.JSON.decode(form.responseText);
- var msg=respText.success;
- ……
- }
- });
-
- 2、直接提交表单获取返回值
- function formSubmit(){
- if (form1.getForm().isValid()) {
- form1.getForm().submit({
- url : 'tmp.aspx',
- method : 'post',
- params: {
- uid: userid,
- },
- success : function(form, action) {
- var flag=action.result.success;
- …………
- });
- }
- });
- }
- }
-
- 这两种取返回值区别就在于 Ajax是用function第一个参转换格式后取。submit呢,更简单,直接用action取就行了。
- 嗯,这个应该够简洁明了吧、
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
在EXTJS框架中,`Ext.FormPanel`和`Ext.Ajax.request`提供了两种不同的异步提交方法,它们各自有其特点和适用场景。下面我们将详细探讨这两种方式的区别。 1. **Ext.FormPanel的异步提交** `Ext.FormPanel` 是...
【EXTJS】Ext.AJAX与FormPanel在登录案例中的应用 EXTJS是一个强大的JavaScript库,主要用于构建富客户端Web应用程序。在EXTJS中,Ext.AJAX和Ext.FormPanel是两个核心组件,它们分别用于异步与服务器进行数据交互和...
本文将详细介绍EXTJS中两种主要的前后台数据传递方法:`Ext.Ajax.request` 和 `FormPanel` 的 `getForm().submit()`。 首先,`Ext.Ajax.request` 是EXTJS提供的一个全局Ajax对象,用于发送异步HTTP请求。它的基本...
- 结合`FormData`对象和`Ext.form.Basic`的`getForm().submit()`方法可以实现文件上传。 9. **异步进度** - 如果服务器端支持,可以通过`progress`回调处理上传或下载的进度。 - 需要设置`enableProgress: true`...
此外,EXTJS的`Ext.Ajax`对象还提供了其他方法,如`request()`、`load()`等,可以用于更复杂的异步通信需求。在实际开发中,开发者可以根据具体场景灵活运用这些功能,创建出高效、用户体验优秀的Web应用。
在ExtJS中,有多种方式可以实现Ajax异步提交,这里我们将详细探讨四种常见的方法。 1. **直接使用Ext.Ajax.request方法** 这是最基础的Ajax提交方式,适用于手动封装请求参数的情况。在`saveUser_ajaxSubmit1`函数...
在"Extjs upload(ext官网例子)"中,我们主要探讨的是如何在ExtJS中实现文件上传的功能,这是一个常见的需求,特别是在构建Web应用时,如表单提交、文件分享或在线编辑等场景。 首先,我们要理解ExtJS中的Upload...
在`saveUser_ajaxSubmit1`函数中,EXT JS提供了`Ext.Ajax.request`方法进行异步提交。你需要手动构建要传递的参数,并设置URL、请求方法(如POST或GET)。在`success`和`failure`回调函数中处理服务器响应。 2. **...
通过创建一个`FormPanel`实例,并调用`getForm().submit()`方法,可以轻松实现数据的发送与接收。此方法支持设置请求URL、参数、请求类型(如POST或GET)、成功及失败回调函数等。此外,它还能自动显示一个进度条,...
form.getForm().submit({ url: 'login.php', method: 'POST', success: function(form, action) { // 登录成功处理 }, failure: function(form, action) { // 登录失败处理 } }); } } } ] }] }); }...
EXTJS还支持异步上传,如使用`Ext.form.Basic`的`submit`方法,配合`FormData`对象,以及XMLHttpRequest的`send formData`方法。这种方式可以实现进度条、多文件上传等功能。同时,EXTJS的高级组件如`Ext.window....
EXTjs中的`Ext.Ajax.request`方法可以用来发送异步请求。当用户选择文件并点击“提交”时,可以捕获此事件,将文件数据和相关参数一起发送到服务器: ```javascript form.getForm().on('submit', function(form, ...
formPanel.getForm().submit({ url: 'upload.php', // 服务器端处理文件的URL method: 'POST', enctype: 'multipart/form-data', params: {action: 'upload'}, // 添加额外参数 success: function(form, action...
使用`Ext.Ajax.request`方法来发送Ajax请求,确保设置`useDefaultXhrHeader`为`false`,以允许上传文件。 ```javascript formPanel.getForm().submit({ url: 'upload.php', // 服务器端接收文件的URL method: '...
- 同时,示例可能还展示了如何在提交表单后与服务器进行交互,例如使用`Ext.Ajax.request`发送POST或GET请求,以及如何处理服务器返回的数据。 4. **实际应用**: - 页面验证不仅提高了用户体验,还能减少无效的...
在ExtJS中,可以使用`Ext.Ajax.request`方法来实现这一功能。登录请求应发送到ASP页面,如`login.asp`,并携带用户名和密码参数: ```javascript loginForm.getForm().submit({ url: 'login.asp', method: 'POST'...
通常会使用`Ext.Ajax.request`或`Ext.form.action.Submit`来异步提交数据。 - 服务器端:在ASP.NET中,C#代码会接收到请求,通过`Request.Files`集合获取上传的文件,然后可以保存到服务器的特定位置或者数据库。 ...
例如,在Ext 3中,可以使用`Ext.Ajax.request`来提交表单: ```javascript Ext.Ajax.request({ form: 'intPayForm', // form的ID method: 'post', success: function(data) { alert(data.responseText); }, ...
uploadForm.getForm().on('submit', function(form, event) { event.preventDefault(); var fileInput = Ext.getCmp('fileInput'); var formData = form.getFieldValues(); formData.file = fileInput....