15、 EXTJs前后台交互

<1>Ajax交互方式

Ext.Ajax.request(

{

//被用来向服务器发起请求默认的url

url : "",

//请求时发送后台的参数,既可以是Json对象，也可以直接使用“name = value”形式的字符串

params : {

name:'value'

},

//请求时使用的默认的http方法

method : "post",

//请求成功时回调函数

success : function() {

Ext.ux.Toast.msg("信息提示", "成功删除所选记录！");

},

//请求失败时回调函数

failure : function() {

Ext.ux.Toast.msg("信息提示", "信息删除出错，请联系管理员!");

}

}

);

<2>Form交互方式

this.formPanel = new Ext.FormPanel(

{

url : ""

}

);

//提交数据

formPanel.getForm().submit(

{

method : "post",

params : {

name:'value'

},

waitMsg : "正在提交数据",

success : function(b, c) {

Ext.ux.Toast.msg("操作信息", "提交成功!");

},

failure : function(b, c) {

Ext.ux.Toast.msg("操作信息", "提交失败!");

}

}

);

//加载数据

formPanel.getForm().load(

{

deferreRender : false,

url : "",

method : "post",

waitMsg : "正在载入数据",

success : function(e, g) {

var num = g.result.data.num;

var numCmp = Ext.getCmp("num");

numCmp.setValue(num);

Ext.ux.Toast.msg("操作信息", "载入成功");

},

failure : function(a, b) {

Ext.ux.Toast.msg("操作信息", "载入失败");

}

}

);