首页 > 美文鉴赏

ext_form表单提交

更新时间:2023-06-29 21:00:21 阅读： 评论：0

ExtJs表单提交
Ext.QuickTips.init();
Ext.BLANK_IMAGE_URL = 'js/ext3/resources/s.gif';
Ready(function(){
   
    var loginForm = new Ext.FormPanel({
        frame:true,
        method:'POST',       
        border:fal,
        formId:'form1',
        name:'form1',
        //ptyFn,
        //submit: function(){
            //El().dom.action = 'common/ajax/login.jsp'; //连接到服务器的url地址
            //El().dom.submit();
            //El().dom.elements.length);
        //},
 
        defaults:{
            xtype:'textfield',
            anchor:'90%'
        },
        items:[{
请别离开我            name:'urname',
            id:'urname',
            fieldLabel:'用户名'
        },{
            name:'password',
            inputType:'password',
            fieldLabel:王恩泽'密码'
        },{
            name:'code',
            fieldLabel:'验证码',
            anchor:'50%'
        }],
        buttons:[{
            text:'登录',
            type:'submit',
            //第三种方式
            handler:function() {
                quest({
                    url:'common/ajax/login.jsp',
                    method:'POST',
                    params:{
                        'urname':Ext.get("urname").dom.value
                    },
                    success:function(form, action) {
                        var text = eval("("+sponText+")");
                        alert('--------------2=' + text.msg);
                    },
                    failure:function() {
                        alert('--------------1');
                    }
                })
            }
               
            //第二种方式
            /*
            handler:function() {
                loginForm.form.doAction('submit', {
                    url:'/ext/common/ajax/login.jsp',
                    method:'POST',
                    params:'',
                    success:function(form, action) {
                        //sult);
                        if (sult.msg == 'ok') {
                            //document.location='index.html';
                            Ext.Msg.alert('成功', sult.msg);
                        } el {
                            Ext.Msg.alert('登陆错误', sult.msg);
                        }
                    },
                    failure:function(form, action) {
                        Ext.Msg.alert('警告', '用户名或密码错误！');
                    }
                })
            }*/
            //第一种方式
            //handler:function() {
                //loginForm.form.submit();
            //}
        },{
            text:'取消',
            handler:function() {
                ();
            }
        }]
    });
   
    var win = 半边脸肿new Ext.Window({
        title:'window',
        width:400,
        frame:true,
        border:fal,
我的新学校作文
        modal:true,
        resizable:fal,
        items:loginForm
    });
   
    win.show();
});
1、 正常form提交
这种方式需要在FormPanel对象中增加属性
ptyFn,
submit: function(){
    this.getEl().dom.action = 'common/ajax/login.jsp'; //连接到服务器的url地址
    this.getEl().dom.submit();
    alert(this.getEl().dom.elements.length);
},
提交按钮：
handler:function() {
    loginForm.form.submit();
}
2、 默认提交方式(Ajax)
默认的提交方式：
热锅凉油
handler:function() {
    loginForm.form.doAction('submit', {
        url:'/ext/common/ajax/login.jsp',
        method:'POST',
        params:'',
        success:function(form, action) {
            //sult);
痒郁可唯            if (sult.msg == 'ok') {
                //document.location='index.html';
                Ext.Msg.alert('成功', sult.msg);
            } el {
                Ext.Msg.alert('登陆错误', sult.msg);
            }
        },
        failure:function(form, action) {
            Ext.Msg.alert('警告', '用户名或密码错误！');
        }
    })
}
    服务端代码：
request.tCharacterEncoding("UTF-8");
天蝎座最恨的星座
respon.tContentType("text/html; chart=UTF-8");
String urname = Parameter("urname");
System.out.println("---->>>>>"床垫怎么清洗 + urname);
out.print("{success:true, msg:'ok'}");
3、 Ext的Ajax提交
Ext的ajax提交：
handler:function() {
    quest({
        url:'common/ajax/login.jsp',
        method:'POST',
        params:{
            'urname':Ext.get("urname").dom.value
        },
        success:function(form, action) {
            var text = eval("("+sponText+")");
            alert('--------------2=' + text.msg);
        },
        failure:function() {
            alert('--------------1');
        }
    })
}

本文发布于:2023-06-29 21:00:21，感谢您对本站的认可！

本文链接：https://www.wtabcd.cn/fanwen/fan/89/1060620.html

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。

上一篇：表单提交的两种方式
下一篇：USSD.
标签：提交   方式   错误   默认   属性   连接
相关文章
留言与评论（共有 0 条评论）
   
验证码：
推荐文章
排行榜
热门标签
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图