一次请求多个Ajax更新每个div的img。但是好像所有的div里面的图像都一样的。应该怎么写Ajax呢?
[code="java"]
Ext.Ajax.request({
url : 'service_order_report',
success : function(response1, options1) {
var imgsrc1 = response1.responseText;
var img1 = document.getElementById("p1")
img1.src = imgsrc1;
}
});
Ext.Ajax.request({
url : 'demo_one_report',
success : function(response2, options2) {
var imgsrc2 = response2.responseText;
var img2 = document.getElementById("p2")
img2.src = imgsrc2;
}
});
Ext.Ajax.request({
url : 'demo_two_report',
success : function(response3, options3) {
var imgsrc3 = response3.responseText;
var img3 = document.getElementById("p3")
img3.src = imgsrc3;
}
});
Ext.Ajax.request({
url : 'demo_three_report',
success : function(response4, options4) {
var imgsrc4 = response4.responseText;
var img4 = document.getElementById("p4")
img4.src = imgsrc4;
}
});
Ext.Ajax.request({
url : 'demo_four_report',
success : function(response5, options5) {
var imgsrc5 = response5.responseText;
var img5 = document.getElementById("p5")
img5.src = imgsrc5;
}
});
[/code]
[b]问题补充:[/b]
个人觉得,没必要一次请求那么多次,既然有多张图片,就返回一个数组,这样才是好的做法
jack_luoting@163.com (初级程序员)
可是每次请求的URL是不一样的啊。还不是要有多次请求。应该怎么写呢?
个人觉得,没必要一次请求那么多次,既然有多张图片,就返回一个数组,这样才是好的做法
不可能把,检查一下你四张图片的id是不是都一样
不能把这几个路径里面的功能做在一起吗?然后通过一个变量来确认是哪个请求,像你这样请求多次,没什么好处的,最好换下思路,用一个方法来搞定,比如这样做
var pub_FunctionStore = new Ext.data.Store({proxy: new Ext.data.HttpProxy({url: '../getSelect.do?mkey=findAllFunctionType'}),reader: new Ext.data.JsonReader({totalProperty: 'totalCount',root:'list'}, [{name: 'funID'},{name: 'funDesc'}])});
/*资费类型*/
var pub_FundStore = new Ext.data.Store({proxy: new Ext.data.HttpProxy({url: '../getSelect.do?mkey=findAllFundType'}), reader: new Ext.data.JsonReader({ totalProperty: 'totalCount', root:'list' }, [{name: 'fundId'}, {name: 'fundDesc'}])});
/*模板*/
var pub_ModuleStore = new Ext.data.Store({proxy: new Ext.data.HttpProxy({url: '../getSelect.do?mkey=findAllModuleInf'}),reader: new Ext.data.JsonReader({ totalProperty: 'totalCount', root:'list' }, [{name: 'moduleId'}, {name: 'moduleDesc'}]) });
调用时,直接用pub_FunctionStore.load()
if(pub_FundStore.getCount()<1){
pub_FunctionStore.load();
pub_ModuleStore.load();
pub_FundStore.load({callback: function(r, options, success) {if (success == false) {parent.setMessage("基础数据加载失败");}else{loadSuccess=true;}}});}
这样可以检测是否加载完毕,也是AJAX请求