我要评论本文实例讲述了javascript基于ajax实现不刷新在网页上动态显示文件内容的方法。分享给大家供大家参考。具体如下：
下面的js代码是一个最基础的js的ajax实现，可以动态显示服务器上的文件ajax_info.txt文件的内容
<!doctype html>
<html>
<head>
<title>sharejs.com</title>
<script>
function loadxmldoc()
{
var xmlhttp;
if (window.xmlhttprequest)
{// code for ie7+, firefox, chrome, opera, safari
xmlhttp=new xmlhttprequest();
}
else
{// code for ie6, ie5
xmlhttp=new activexobject("microsoft.xmlhttp");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readystate==4 && xmlhttp.status==200)
{
document.getelementbyid("mydiv").innerhtml=xmlhttp.responsetext;
}
}
xmlhttp.open("get","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="mydiv"><h2>let ajax change this text</h2></div>
<button type="button" onclick="loadxmldoc()">change content</button>
</body>
</html>
希望本文所述对大家的ajax程序设计有所帮助。
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论