手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >ext form 表单提交数据的方法小结
ext form 表单提交数据的方法小结
摘要:EXT的form表单ajax提交(默认提交方式)复制代码代码如下:1.functionlogin(item){2.3.if(validato...

EXT的form表单ajax提交(默认提交方式)

复制代码 代码如下:

1.functionlogin(item){

2.

3.if(validatorForm()){

4.//登录时将登录按钮设为disabled,防止重复提交

5.this.disabled=true;

6.

7.//第一个参数可以为submit和load

8.formPanl.form.doAction('submit',{

9.

10.url:'user.do?method=login',

11.

12.method:'post',

13.

14.//如果有表单以外的其它参数,可以加在这里。我这里暂时为空,也可以将下面这句省略

15.params:'',

16.

17.//第一个参数是传入该表单,第二个是Ext.form.Action对象用来取得服务器端传过来的json数据

18.success:function(form,action){

19.

20.Ext.Msg.alert('操作',action.result.data);

21.this.disabled=false;

22.

23.},

24.failure:function(form,action){

25.

26.Ext.Msg.alert('警告','用户名或密码错误!');

27.//登录失败,将提交按钮重新设为可操作

28.this.disabled=false;

29.

30.}

31.});

32.this.disabled=false;

33.}

34.}

2.EXT表单的非ajax提交

复制代码 代码如下:

1.//实现非AJAX提交表单一定要加下面的两行!onSubmit:Ext.emptyFn,submit:function(){

2.//再次设定action的地址

3.this.getEl().dom.action='user.do?method=login';this.getEl().dom.method='post';

4.//提交submit

5.this.getEl().dom.submit();

6.},

3.EXT的ajax提交

复制代码 代码如下:

1.

2.

3.Ext.Ajax.request({

4.//请求地址

5.url:'login.do',

6.//提交参数组

7.params:{

8.LoginName:Ext.get('LoginName').dom.value,

9.LoginPassword:Ext.get('LoginPassword').dom.value

10.},

11.//成功时回调

12.success:function(response,options){

13.//获取响应的json字符串

14.varresponseArray=Ext.util.JSON.decode(response.responseText);

15.if(responseArray.success==true){

16.Ext.Msg.alert('恭喜','您已成功登录!');

17.}

18.else{

19.Ext.Msg.alert('失败','登录失败,请重新登录');

20.}

21.}

22.});

【ext form 表单提交数据的方法小结】相关文章:

JavaScript检查数字是否为整数或浮点数的方法

JQuery给网页更换皮肤的方法

jquery预加载图片的方法

javascript中FOREACH数组方法使用示例

jQuery实现返回顶部效果的方法

js+html5操作sqlite数据库的方法

JavaScript获得url查询参数的方法

表单提交验证类

jQuery实现html表格动态添加新行的方法

Javascript实现飞动广告效果的方法

精品推荐
分类导航