1. Ext.form.Action.Submit的配置选项success、failure
根据返回json中success属性判断的,如果success为true,则success,false则failure,如果无json中无success属性,failure,故要提示操作是否成功,必须要返回success属性。
- form.getForm().submit({
- // 登录期间显示的文本
- loadMask: myMask.show(),
- // submit时指向的地址
- url: "userAction!login",
- success: function(form, action) {
- window.location.href = "home.jsp";
- },
- failure: function(form, action) {
- myMask.hide();
- Ext.Msg.alert("错误", action.result.info);
- }
- });
2. Ext.Ajax.request的配置选项
success、failure
根据response的status属性,即状态码决定的,200则为success,404或500等则为failure。这里的success是表示你的服务器响应状态值为200,即表示服务器成功响应。
不管你响应给客户端的内容是什么,只要响应成功就会执行这个success,跟你返回的内容无关。至于你想根据你返回的参数success值进行判断分别处理,你得在上面的success中进行判断处理。比如像这样:
- Ext.Ajax.request({
- url:'admin!select',
- method:'post',
- waitMsg:'数据加载中,请稍后....',
- success:function(response,opts){
- var obj=Ext.decode(response.responseText);
- if(obj.success == "true") {//如果你处理的JSON串中true不是字符串,就obj.success == true
- //你后台返回success 为 false时执行的代码
- } else {
- //你后台返回success 为 false时执行的代码
- }
- },
- failure:function(response,opts){
- var obj=Ext.decode(response.responseText);
- alert(obj.result);
- }
- });
相关推荐
在开发使用Extjs4框架的应用程序时,可能会遇到form表单提交后,无法正确进入success回调函数的问题。针对这个问题,首先需要进行两个方面的检查和确认,以确保form提交操作能够顺利进入success回调函数。 首先,...
- `formAction`:用于提交表单数据,ExtJS会自动处理表单编码和提交。 - `fileUpload`:配合`formAction`,处理文件上传请求,需要特别的处理方式。 - `callbackKey`:在JSONP跨域请求中,指定服务器返回的回调...
1. **Action Methods**: 表单的`action`属性定义了与服务器交互的方式,常见的有`directFn`(调用远程函数)、`url`(发送Ajax请求到指定URL)和`formHandler`(服务器端处理表单)。 2. **Params**: 在提交表单时...
本文将详细介绍EXTJS中两种主要的前后台数据传递方法:`Ext.Ajax.request` 和 `FormPanel` 的 `getForm().submit()`。 首先,`Ext.Ajax.request` 是EXTJS提供的一个全局Ajax对象,用于发送异步HTTP请求。它的基本...
在`success`和`failure`回调函数中处理服务器响应。 2. **指定HTML表单的Ajax提交**: `saveUser_ajaxSubmit2`函数展示了如何指定一个HTML表单进行Ajax提交。通过设置`form`属性为表单ID,EXT JS会自动获取表单中...
总结来说,`Ext.Ajax.request`是EXTJS中的核心通讯工具,提供了丰富的配置选项和回调机制,能够满足各种复杂的服务器交互需求。理解和熟练使用这个方法,对于EXTJS开发者来说至关重要。通过阅读相关博客和源码,我们...
首先,EXTjs 提供了`Ext.form.FileField`组件,用于在表单中创建文件选择字段。这个组件允许用户选择本地文件,然后通过AJAX方式提交到服务器。要使用`Ext.form.FileField`,你需要在表单中定义一个此类字段,如下所...
在ExtJS中,异步数据交互是通过Ajax技术来实现的。Ajax允许应用程序在不刷新整个页面的情况下与服务器进行通信,...同时,也可以结合使用ExtJS的Ajax配置选项,如`headers`、`timeout`等,以满足特定的服务器交互需求。
与HTML form表单不同,EXTJS的Ext.FormPanel提供了一种更灵活的方式来构建和管理表单。在示例中,FormPanel被放置在一个居中显示的层内。当用户点击登录按钮时,Ext.FormPanel的submit方法会触发异步提交,同样使用...
它提供了丰富的UI组件,如表格(Grid)、表单(Form)等,这些组件可以被自定义和组合,以满足各种用户界面的需求。在多文件上传中,我们会用到`Ext.form.field.File`(文件选择字段)组件,它允许用户选择本地文件...
- `form`: 绑定的form表单。 - `isUpload`: 是否执行文件上传。 - `headers`: 请求头信息。 - `xmlData`: XML文档对象。 - `disableCaching`: 是否禁用缓存。 此外,**Ext.data.Connection**还提供了一个`abort`...
通过上述内容,我们已经详细介绍了如何搭建ExtJS开发环境、使用布局管理器、事件机制、窗体、表单、Tree、Tab、Grid、数据展示以及如何使用Ajax技术。希望这些知识点能帮助您更好地理解和使用ExtJS框架。
"ExtAjax表单提交"是EXTJS中的一个重要功能,用于处理用户在网页上的表单数据,并通过Ajax方式向服务器发送请求,实现异步数据交互。 在EXTJS中,表单(Ext.form.Panel)是数据输入和展示的主要组件。它包含了各种...
在ExtJS中,我们可以使用`Ext.form.Panel`来创建一个表单,然后添加`Ext.form.field.Text`组件作为用户名和密码输入框,`Ext.button.Button`作为登录按钮。例如: ```javascript var loginForm = Ext.create('Ext....
`url`指定了请求的URL,`method`定义了请求类型,`success`和`failure`回调函数分别处理成功的响应和失败的响应。 7. **进度条**: - 使用`Ext.MessageBox.show`创建一个带有进度条的对话框,`progress: true`启用...
此方法允许设置回调函数,如`success`和`failure`,分别在请求成功和失败时触发。同时,还可以配置`callback`(请求完成后执行的回调)、`scope`(回调函数的执行上下文)、`form`(绑定的表单)等参数。 - **高级...