博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ExtJS & Ajax
阅读量:4048 次
发布时间:2019-05-25

本文共 1520 字,大约阅读时间需要 5 分钟。

 Ext.onReady(function(){

   new Ext.form.FormPanel({
    title: "登陆",
    frame: true,
    renderTo:Ext.getBody(), //加载
    buttonAlign:"right",  //按钮右对齐
    width: 260,
    height: 180,
    plain:true,  //协调颜色
    resizable:false,
    bodyStyle:"padding:7px",
    labelWidth:45,
    defaults:{xtype:"textfield", width:180},//设置默认类型为textfield
//    closable:false, //指定close按钮的显示
//    closeAction:"hide", //指定close按钮触发的事件
    listeners:{ //不同功能的按钮
      "show":function(){
        Ext.Msg.alert("窗体显示");
       },
      "hide":function(){
        alert("窗体隐藏");
       },
      "close":function(){
        alert("窗体关闭");
       }
     },
    items:[{ //标签
      fieldLabel:"账号",
      id:"name"
     },{
      fieldLabel:"密码",
      id:"sex"
     }],
    buttons:[{
      text:"确定",
      handler:function(){ //按钮事件
          alert(1);
          this.ownerCt.ownerCt.getForm().submit();  //调用ajax
          Ext.Ajax.request({

               url:"test.jsp",success: function(response)  //如果为 success, 则执行次函数, 返回xml数据。

                              { alert(response.responseXML.xml);  },

               params:{ //提交的数据, 同时在xml药设置对应的接收类型。

                       name :Ext.getCmp("name").getValue(),

                       sex :Ext.getCmp("sex").getValue()

           }});

         }

      
     },{
      text:"取消",
      handler:function(){//取消所填内容
        Ext.getCmp("name").setValue("");
        Ext.getCmp("sex").setValue("");
       }
     }]
    });
 });

test.jsp //接收jsp代码, 通过对应的提交对象, 并设置编码。同时需要import PrintWriter。

 <%

     String name = request.getParameter("name ");
     String sex = request.getParameter("sex ");
     response.setCharacterEncoding("UTF-8 ");
     response.setContentType("text/xml ");
     PrintWriter pw = response.getWriter();
     String str = "<?xml version=/"1.0/" encoding=/"UTF-8/"?>/n ";
     str +="<msg>/n";
     str += "<name>"+name+"</name>/n";
     str += "<sex>"+sex+"</sex>/n";
     str+="</msg>";
     pw.write(str);
     pw.close();
    %>

转载地址:http://clcci.baihongyu.com/

你可能感兴趣的文章
恋爱爱情婚姻家庭与炒股票
查看>>
答非所问的古今中外名人小笑话幽默
查看>>
周易、命理、风水、姓名与命运交流周易研究心得:姓名学
查看>>
解决asp.net中tabstrip不能点击的问题
查看>>
PB中使用blob进行文件读取的性能问题
查看>>
DataWindow.net中如何实现鼠标划过时变颜色
查看>>
Datawindow.net中设置字符串的显示,超过长度部分显示为。。。
查看>>
PowerBuilder中使用带返回的powerobjectparm
查看>>
从oracle表中随机取记录,产生随机数和随机字符串
查看>>
功夫熊猫,中国式的哲学和西方式的搞笑
查看>>
Oracle SYS口令深入解析
查看>>
XP中IIS“http500”错误的终极解决方法
查看>>
李开复眼中的兰迪教授:引领你的一生
查看>>
早起的虫儿被鸟吃?
查看>>
Love Your Life》—— 热爱生活
查看>>
一个高速交警的忠告
查看>>
新车装饰的中国特色
查看>>
没看过这么NB的自驾游,笑的我眼泪都出来了
查看>>
李涯的哭
查看>>
和机器学习和计算机视觉相关的数学
查看>>