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. );