Ext.onReady(function(){ //form var form = new Ext.form.FormPanel({ renderTo:Ext.get('div1'), title:'欢迎登陆', width:300, height:200, bodyStyle:'padding:6px', labelAlign:'right', //统一的提示信息方式 frame:true, items:[ new Ext.form.TextField({ name:'username', allowBlank:false, //不允许空 fieldLabel:'用户名' }),{ name:'password', xtype:'textfield', inputType:'password', fieldLabel:'密码', allowBlank:false } ], buttons:[ { text:'确定', handler:function(){ var username = form.getForm().findField('username').getValue(); var password = form.getForm().findField('password').getValue(); Ext.Msg.alert('title','用户名:' + username + ';密码:' + password); } },{ text:'重置', handler:function(){ form.getForm().reset(); } } ] }); //form 提交 var f = new Ext.form.FormPanel({ url:'FormServlet.do', method:'post', baseParams:{name:'中华人民共和国',id:100}, //隐藏域 renderTo:Ext.get('div2'), title:'欢迎登陆', width:300, autoHeight:true, bodyStyle:'padding:6px', labelAlign:'right', defaultType:'textfield', //默认组件类型 frame:true, items:[ { fieldLabel:'用户名', name:'userName', allowBlank:false },{ fieldLabel:'密码', name:'passWord', inputType:'password', allowBlank:false } ], buttons:[ { text:'确定', handler:function(){ f.getForm().submit({ success:function(f,action){ Ext.Msg.alert('提示',action.result.msg); }, failure:function(){ Ext.Msg.alert('提示','失败!'); } }); } },{ text:'重置', handler:function(){ f.getForm().reset(); } } ] }); }); protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp.setContentType("text/html;charset=utf-8"); PrintWriter out = resp.getWriter(); System.out.println("====id=====" + req.getParameter("id")); System.out.println("====name=====" + req.getParameter("name")); System.out.println("====userName=====" + req.getParameter("userName")); System.out.println("====passWord=====" + req.getParameter("passWord")); out.println("{success:true,msg:'ok!'}"); out.flush(); out.close(); }