EXTJS4.0 3種和後臺互動資料的方法
阿新 • • 發佈:2019-02-10
1.資料來源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();
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) {
}
})
store通常是作為grid的資料來源,以便來更新grid的資料.其實這也是它最正規的用法,但其也可以把它作為與後臺互動的一種方法,前提是隻需向後臺傳送資料,而不需要接收後臺返回的資料.
建立一個公共的store,不與任何表有聯絡,只需要下面簡單的幾句話
var publicstore = Ext.create('Ext.data.Store', {
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) {
}
})