您的位置：首页 > 其它

一个使用AJAX动态改变页面刷新的东东~~

2007-05-10 09:42 706 查看

不错，ajax可以实现。
不过远水解不了近渴，而且不一定适合你的环境。你完全可以借鉴ajax的核心思想，那就是用XMLHttpRequest对象。

下面是一个简单的例子：

<html>
<head>

<script type='text/javascript'>

var req=null;
var console=null;
var READY_STATE_UNINITIALIZED=0;
var READY_STATE_LOADING=1;
var READY_STATE_LOADED=2;
var READY_STATE_INTERACTIVE=3;
var READY_STATE_COMPLETE=4;

function loadXMLDoc(url) {
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
if (req) {
req.onreadystatechange = processReqChange;
req.open("GET", url, true);
req.send(null);
}

}

function processReqChange(){
var ready=req.readyState;
var data=null;
if (ready==READY_STATE_COMPLETE){
data=req.responseText;
}else{
data="loading...["+ready+"]";
}
toConsole(data);
}

function toConsole(data){
if (console!=null){
var newline=document.createElement("div");
console.appendChild(newline);
var txt=document.createTextNode(data);
newline.appendChild(txt);
}
}

window.onload=function(){
console=document.getElementById('console');
loadXMLDoc("data.txt");
}
</script>

</head>
<body>
<div id='console'></div>
</body>
</html>

上面的例子存成一个html文件，自己加上脚本定时调用loadXMLDoc("data.txt")，再创建一个文件data.txt，就会在div中定时刷新data.txt的内容。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航