EXTJs前后台交互 常用哦3种方式

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(a,b){
37. Ext.ux.Toast.msg("操作信息", "提交成功!");
38. },
39. failure :function(a,b){
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. );
62. <3> 数据源store 
    store通常是作为grid的数据源,以便来更新grid的数据.其实这也是它最正规的用法,但其也可以把它作为与后台交互的一种方法,前提是只需向后台发送数据,而不需要接收后台返回的数据.

    创建一个公共的store,不与任何表有联系,只需要下面简单的几句话

    var publicstore = Ext.create('Ext.data.Store', {    
               proxy : {
                    type : 'ajax',
                    url : ''
               }
          });

    　如果只是想往后台传个数据的话

    　publicstore.proxy.url='a.action?id=1';

    publicstore.load();