extjs 的submit:

// 发送请求
                this.formPanel.getForm().submit({
                            url : this.saveUrl,
                            method:'post',
                            params:{
                                billId:recordId
                            },
                            success : function(form,action) {
                                Ext.MessageBox.alert('提示',action.result.msg,function(){
                                   this.store.reload();
                                   this.hide();
                                },this);
                            },
                            failure : function(form, action) {
                                Ext.MessageBox.alert('提示', '请求失败!');
                                newTab.close();
                                waitMask.hide();
                            },
                            scope:this
                        });

extjs的extreturn实体类如下:

package cn.edu.hbcf.common.vo;
 
/**
 * Ext Ajax 返回对象
 *
 * @author LiPenghui
 * @date 2012-02-21 19:30:00
 *
 */

public class ExtReturn {

private boolean success; // 是否成功
    private Object msg; // 返回消息
    private Object otherObject;// 其他对象

public ExtReturn() {

}

/**
     * 是否更新成功的构造方法
     *
     * @param success
     *            是否成功
     * @param msg
     *            消息
     */
    public ExtReturn(boolean success, Object msg) {
        this.success = success;
        this.msg = msg;
        this.otherObject = "";
    }

/**
     * 是否更新成功的构造方法
     *
     * @param success
     *            是否成功
     * @param msg
     *            消息
     * @param otherObject
     *            其他对象
     */
    public ExtReturn(boolean success, Object msg, Object otherObject) {
        this.success = success;
        this.msg = msg;
        this.otherObject = otherObject;
    }

/**
     * 异常时的构造函数
     *
     * @param errormsg
     *            异常消息
     */
    public ExtReturn(Object errormsg) {
        this.success = false;
        this.msg = false;
        this.otherObject = "";
    }

/**
     * 判断是否成功
     *
     * @return
     */
    public boolean isSuccess() {
        return success;
    }

/**
     * 设置返回是否成功的状态
     *
     * @param success
     */
    public void setSuccess(boolean success) {
        this.success = success;
    }

/**
     * 设置其他对象
     *
     * @return
     */
    public Object getOtherObject() {
        return otherObject;
    }

/**
     * 获取其他对象
     *
     * @param otherObject
     */
    public void setOtherObject(Object otherObject) {
        this.otherObject = otherObject;
    }

/**
     * 获取返回的消息
     *
     * @return
     */
    public Object getMsg() {
        return msg;
    }

/**
     * 设置返回的消息
     *
     * @param msg
     */
    public void setMsg(Object msg) {
        this.msg = msg;
    }
}

Controller如下:

/**
     * 描述:新增无项目材料采购信息都数据库中
     * @param materials 要新增的无项目材料采购信息
     * @return
     */
    @RequestMapping(value="/insert",method=RequestMethod.POST)
    @ResponseBody
    public ExtReturn insert(ProjectMaterials materials){
        materials.setId(UUID.randomUUID().toString().replace("-", ""));
        int result = service.insert(materials);
        if(result>0){
            return new ExtReturn(true, "新增成功!");
        }
        return new ExtReturn(false, "新增失败!");
    }

extjs的ajax如下:其实跟submit是一样的

Ext.Ajax.request({
                                        url : this.url.deleteUrl,
                                        method : 'post',
                                        params : {
                                            id : rec.get('id')
                                        },
                                        success : function(response, options) {
                                            var text = Ext
                                                    .decode(response.responseText);
                                            Ext.Msg.alert('提示', text.msg);
                                            if (text.success) {
                                                this.store.reload();
                                            }
                                        },
                                        failure : function(response, options) {
                                            Ext.MessageBox.alert('提示', '请求失败!');
                                        },
                                        scope : this
                                    });

extjs经典form的submit()和ajax()的更多相关文章

  1. ASP.Net MVC跳转,分为form的submit提交跳转和ajax跳转

    1,用jquery ajax跳转的话,需要在前台用window.location("跳转网址")来跳转,在success后使用 2,用原声的form的submit来跳转,如下图 3 ...

  2. 【jquery采坑】Ajax配合form的submit提交(微擎表单提交,ajax验证,submit提交)

    1.采坑:实现form的submit提交,在提交之前,进行ajax的不同校验,然后onsubmit=return check(),进行提交 1/1 目的:可以实现以 from的submit提交,然后还 ...

  3. form表单,submit,ajax提交

    尼玛... 一个简单的表单提交,竟然给我整的直郁闷. 本来就是个保存功能,几个前人都用的ajax提交,我也就没改成submit.然后坑爹的就来了. 我在表单里写了个<form></f ...

  4. layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法

    ayui使用官方的表单模块form.on('submit(sub)',function (){}) 提交,使用ajax请求向后台请求一个执行结果,根据结果进行处理,出现回调无法执行,并且页面出现了刷新 ...

  5. Javascript - ExtJs - Ext.form.Panel组件

    FormPanel组件(Ext.form.FormPanel) logogram:Ext.form.Panel | xtype:form Ext.form.Panel.配置 frame }//旗下所有 ...

  6. ExtJS笔记 Form

    A Form Panel is nothing more than a basic Panel with form handling abilities added. Form Panels can ...

  7. jQuery通过jquery.form.js插件使用AJAX提交Form表单

    我简单使用了一下,jQuery Form插件有一下优点:  1.支持提交前验证. 2.支持提交后回调. 3.采用AJAX方式,有很好的用户体验 4.提交方式是灵活.只要指定要提交的form ID即可. ...

  8. ExtJS中form提交之后获取返回的json值

    simpleForm.form.doAction('submit', { url : 'editUserType', method : 'post', params : '', // 提交成功后执行s ...

  9. form表单的ajax验证2

    form表单的ajax验证2: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&g ...

随机推荐

  1. iOS:在使用Cocoapods安装shareSDK时出现的link路径错误

    CocoaPods 错误 target overrides the `OTHER_LDFLAGS`... Xcode 升级到 6.0 后,更新 CocoaPods,出现了如下的警告 [!] The ` ...

  2. iOS:图片上传时两种图片压缩方式的比较

    上传图片不全面的想法:把图片保存到本地,然后把图片的路径上传到服务器,最后又由服务器把路径返回,这种方式不具有扩展性,如果用户换了手机,那么新手机的沙盒中就没有服务器返回的图片路径了,此时就无法获取之 ...

  3. Win32 API UART编程

    下面是一个使用Win32 API进行UART编程的简单示例. #include <windows.h> #include <stdio.h> int WINAPI WinMai ...

  4. 在Ubuntu Server上源码安装OpenERP 8.0,并配置wsgi和nginx运行环境

    原文: How to install OpenERP 8.0 Alpha on a fresh Debian / Ubuntu server. OpenERP的安装,可以有多种方式,通过添加源,到 h ...

  5. 高性能WEB开发:Javascript自身执行效率

    Javascript中的作用域链.闭包.原型继承.eval等特性,在提供各种神奇功能的同时也带来了各种效率问题,用之不慎就会导致执行效率低下. 1.全局导入 我们在编码过程中多多少少会使用到一些全局变 ...

  6. Moving Tables-贪心

    id=19566" target="_blank" style="color:blue; text-decoration:none">Movin ...

  7. eslint for...in 报错处理

    示例代码: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF ...

  8. ES6 语法高亮提示

    编辑器:sublime 3 步骤1: 步骤2:

  9. Error: could not open `C:\Program Files\Java\jre6\lib\i386\jvm.cfg')

    前些日子装了个jdk7试了试,后来做项目需要换成jdk6,安装完jdk6,设置完环境变量后出现问题.运行java -version出现Error: could not open `C:\Program ...

  10. jdbc调用 oracle 存储过程操作

    创建有参存储函数findEmpNameAndSal(编号),查询7902号员工的的姓名和月薪,[返回多个值,演示out的用法]当返回2个或多个值,必须使用out符号当返回1个值,就无需out符号 cr ...