ext ajax传form,ext form 表单提交数据的方法小结

ext form 表单提交数据的方法小结

发布于 2016-12-11 09:35:10 | 94 次阅读 | 评论: 0 | 来源: 网友投递

JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

Ext 表单提交数据的三种方法小结，方便利用ext提交数据的朋友

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

1. function login(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. var responseArray = 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获取网页表单提交方式的方法

js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

js 提交form表单和设置form表单请求路径的实现方法

ajax form表单提交 input file中的文件

mvc中form表单提交的三种方式(推荐)

js光标定位文本框回车表单提交问题的解决方法

onsubmit阻止form表单提交与onclick的相关操作

js实现接收表单的值并将值拼在表单action后面的方法

javascript实现页面刷新时自动清空表单并选中的方法

Javascript简单改变表单元素背景的方法

JavaScript获取网页表单action属性的方法