一个页面如何同时加载多个模块

冰河洗剑 2012-04-14 02:38:05

请教各位高手，一个页面如何同时加载多个模块，我试着用过ajax，但是发现ajax的异步刷新只能加载出一个模块，其他的都不能加载出来！请问怎么处理这个问题，请各位指点迷津！非常感谢！

...全文

411 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

licip 2012-04-16

打赏
举报

我试着用过ajax，但是发现ajax的异步刷新只能加载出一个模块，其他的都不能加载出来
不太可能吧，你把代码贴出来看看吧。

冰河洗剑 2012-04-16

打赏
举报

[Quote=引用 5 楼的回复:]
用jquery load 一个页面加载多块没问题
[/Quote]

能否简单的给出一个例子呢？谢谢！

冰河洗剑 2012-04-16

打赏
举报

[Quote=引用 7 楼的回复:]
引用 4 楼的回复:

找了挺久的资料也没找到一个页面中ajax加载多个模块的效果，无奈之下只能用iframe了，唉！！！！

简单的雏形代码：

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=UTF-8">
<style type="text/css">
<!--
.p……
[/Quote]

7楼的，如果我一个页面有很多模块呢？而且有大量的css美化，页面也被分割成多个地方就显得不方便！

m540920181 2012-04-14

打赏
举报

[Quote=引用 4 楼的回复:]

找了挺久的资料也没找到一个页面中ajax加载多个模块的效果，无奈之下只能用iframe了，唉！！！！

简单的雏形代码：

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=UTF-8">
<style type="text/css">
<!--
.proccess{border……
[/Quote]

看你这，写的好坑啊，虽然是使用也不用这样写啊
<html>
<head>

</head>
<frameset rows="59,*" cols="*" frameborder="2" bordercolor="red" border="1"
framespacing="0">
<frame src=/frame/top.jsp" name="topFrame" scrolling="No"
noresize="noresize" id="topFrame" title="topFrame" />
<frameset cols="213,*" frameborder="no" border="1" framespacing="0" bordercolor="red">
<frame src="/frame/left.jsp" name="leftFrame" scrolling="No"
noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="/frame/main.jsp" name="mainFrame" id="mainFrame"
title="mainFrame" />
</frameset>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>
这样多简单啊，

刘小吉 2012-04-14

打赏
举报

$("#div1").load("xxoo.html");

freedom_gooboy 2012-04-14

打赏
举报

用jquery load 一个页面加载多块没问题

冰河洗剑 2012-04-14

打赏
举报

找了挺久的资料也没找到一个页面中ajax加载多个模块的效果，无奈之下只能用iframe了，唉！！！！

简单的雏形代码：

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=UTF-8">
<style type="text/css">

</style>
</head>
<body>
<table width="1005px" border="1" align="center" height="500px">
<tr>
<td width="50%">
<div class="proccess" id="loading"><b>正在加载中。。。</b></div>
<iframe id="sfa" name="sfa" frameborder="0" scrolling="auto" height="500" width="500"></iframe>
</td>
<td width="50%">
<div class="proccess" id="loading2"><b>正在加载中。。。</b></div>
<iframe id="sfa2" name="sfa2" frameborder="0" scrolling="auto" height="500" width="500"></iframe>
</td>
</tr>
</table>

<script language="JavaScript">
var iframe = document.getElementById("sfa");
var iframe2 = document.getElementById("sfa2");
iframe.src = "http://www.ok22.org";
iframe2.src="http://www.hao123.com";
if(iframe.attachEvent){
iframe.attachEvent("onload", function(){
document.getElementById("loading").style.display="none";
});
}else {
iframe.onload = function(){
document.getElementById("loading").style.display="none";
};
}
if(iframe2.attachEvent){
iframe2.attachEvent("onload", function(){
document.getElementById("loading2").style.display="none";
});
}else {
iframe2.onload = function(){
document.getElementById("loading2").style.display="none";
};
}
</script>
</body>
</html>

冰河洗剑 2012-04-14