4

我刚刚开始使用 HTML 和 java 脚本。我被困在两者之间。我创建了一个从 XML 读取数据并显示在页面上的网页。我能够成功地做到这一点。但是，如果我更改 XML 数据并刷新浏览器，它不会反映我网页上的更新数据。如果我手动清除浏览器历史记录然后刷新页面，它将显示更新的数据。但我希望在刷新页面后立即更新数据。我不想每次都清除浏览器历史记录。

我的服务器是 Apache 服务器。

我的html代码：

<!DOCTYPE HTML PUBLIC "- HTML 4.0 Transitional//EN">

<html>
<TITLE>DynamicHTML Page</TITLE>

<META content="text/html; charset=windows-1252" http-equiv=Content-Type> 
<META http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<META http-equiv="refresh" content="10";>
<META name=Author content="">
<META name=Keywords content="">

 <body>

 </div>
<xml ID="noteXML"
SRC="note.xml"></xml>
<script>

function ReadXML()
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

document.getElementById("data").innerHTML= xmlDoc.getElementsByTagName("data")[0].childNodes[0].nodeValue;
document.getElementById("status").innerHTML= xmlDoc.getElementsByTagName("status")[0].childNodes[0].nodeValue;

}

 </script>

 <div>
 <b>Require Data :</b>  <span id="data"></span><br />

 <div>
 <b>Current Status:</b> <span id="status"></span><br />

<script>
ReadXML();
</script>
</body>
 </html>

我的 XML：

<?xml version="1.0" encoding="ISO-8859-1"?>

<note>
<data> 450 </data>
<status> Reading Data From XML </status>
</note>

我还尝试了以下操作以确保浏览器不会创建 Cashe，但似乎没有任何效果。

<META http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<META http-equiv="refresh" content="10";>
4

1 回答 1

2

您可以在文件中附加一个随机数：

xmlhttp.open("GET","note.xml?" + Math.random(),false);

这将确保浏览器始终获取最新版本，因为它永远不会缓存找到与随机匹配的缓存版本。

于 2013-07-16T06:42:44.387 回答