JavaScript基于Ajax实现不刷新在网页上动态显示文件内容

程序员文章站 2023-11-09 19:30:22

本文实例讲述了javascript基于ajax实现不刷新在网页上动态显示文件内容的方法。分享给大家供大家参考。具体如下：下面的js代码是一个最基础的js的ajax实现，...

本文实例讲述了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程序设计有所帮助。

上一篇： jquery中的ajax异步上传

下一篇： C#实现排序的代码详解