您的位置:首页 > Web前端 > JavaScript

ExtJs 和后台数据的交互方式

2017-12-10 22:10 330 查看

1.数据源store

store通常是作为grid,tree…的数据源,以便来更新数据.其实这也是它最正规的用法,但其也可以把它作为与后台交互的一种方法,前提是只需向后台发送数据,而不需要接收后台返回的数据.

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

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


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

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


2.form表单的提交方法

表单提交涉及到两种,第一就是单纯的提交表单,把该表单的信息提交到后台action处理,不用任何参数

fs.form.submit( {
clientValidation : true,
url : 'saveform.action',
method : 'POST',
success : function(form, action) {
},
failure : function(form, action) {
}
});


第二,就是作为后台交互,传输数据,需加上要传输的参数

fs.form.submit( {
clientValidation : true,
url : 'delbyid.action?id=' + encodeURI(id),
method : 'POST',
success : function(form, action) {
},
failure : function(form, action) {
}
});


3.用Ext.Ajax.request

这个最简单,最方便,**增删改**操作都可以用,而且不用估计啥,唯一需要注意的就是网页和项目的编码格式


Ext.Ajax.request( {
timeout : 3000000,
url : 'save.action',
params : 'id='+ encodeURI(id)+ '&descr='+ encodeURI(descr) ,
success : function(response, config) {
},
failure : function(form, action) {
}
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: