不刷新页面更新数据

      Code 2005-3-25 9:54
不刷新页面更新数据的实现方法..或者叫刷新页面的某一区域比较合适.

昨天帮同事搞一代码...郁闷我半天....最后终于找到实现方法

目的:有一下拉菜单,,,根据值,调用不同的数据

分析:本来这个不难搞定..用iframe就可以解决...但是父框架上有form 还有一部分值,,,所以调用外部的数据是这个form的一部分.用iframe就有点难度了.

以前用隐藏span可以读取.但是数据无法一次性全部读取..所以另想他法

实现:代码如下:
<head>
<title>alex.5dblog.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<script language="javascript" id="outdata"></script> <!--调用外部数据的入口-->
</head>
<body>
<script type="text/javascript">
<!--
function changeselect()
{
var tg
tg = menu.options[menu.selectedIndex].value;
document.getElementById("outdata").src=tg+".js";//改变id为outdata的外部JS文件连接
}
//-->
</script>
<!--下拉菜单-->
<select name="menu" onChange="changeselect();">
<option value="1">data1</option>
<option value="2">data2</option>
<option value="3">data3</option>
</select>
<!--显示区域-->
<div id="datashow"></div>
</body>
</html>

1.js 内容
document.getElementById("datashow").innerHTML="数据内容1"

2.js 内容
document.getElementById("datashow").innerHTML="数据内容2"

3.js 内容
document.getElementById("datashow").innerHTML="数据内容3"


外部数据 可以为其他动态语言的.只要你的输出为 document.getElementById("datashow").innerHTML=" " 就可以了..
标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commentauthor}
{commentauthor}
{commenttime}
{commentnum}
{commentcontent}
作者:
{commentrecontent}