15、 EXTJs前后台交互

1. <1>Ajax交互方式  
2. Ext.Ajax.request(   
3.     {  
4.         //被用来向服务器发起请求默认的url  
5.         url : "",  
6.         //请求时发送后台的参数,既可以是Json对象，也可以直接使用“name = value”形式的字符串  
7.         params : {  
8.             name:'value'  
9.         },  
10.         //请求时使用的默认的http方法  
11.         method : "post",  
12.         //请求成功时回调函数  
13.         success : function() {  
14.             Ext.ux.Toast.msg("信息提示", "成功删除所选记录！");  
15.         },  
16.         //请求失败时回调函数  
17.         failure : function() {  
18.             Ext.ux.Toast.msg("信息提示", "信息删除出错，请联系管理员!");  
19.         }  
20.     }  
21. );  
22. <2>Form交互方式  
23. this.formPanel = new Ext.FormPanel(  
24.     {  
25.         url : ""  
26.     }  
27. );  
28. //提交数据  
29. formPanel.getForm().submit(  
30.     {  
31.         method : "post",  
32.         params : {  
33.             name:'value'  
34.         },  
35.         waitMsg : "正在提交数据",  
36.         success : function(b, c) {  
37.             Ext.ux.Toast.msg("操作信息", "提交成功!");  
38.         },  
39.         failure : function(b, c) {  
40.             Ext.ux.Toast.msg("操作信息", "提交失败!");  
41.         }  
42.     }  
43. );  
44. //加载数据  
45. formPanel.getForm().load(  
46.     {  
47.         deferreRender : false,  
48.         url : "",  
49.         method : "post",  
50.         waitMsg : "正在载入数据",  
51.         success : function(e, g) {  
52.             var num = g.result.data.num;  
53.             var numCmp = Ext.getCmp("num");  
54.             numCmp.setValue(num);  
55.             Ext.ux.Toast.msg("操作信息", "载入成功");  
56.         },  
57.         failure : function(a, b) {  
58.             Ext.ux.Toast.msg("操作信息", "载入失败");  
59.         }  
60.     }  
61. );