我刚刚开始使用 HTML 和 java 脚本。我被困在两者之间。我创建了一个网页，它从 XML 读取数据并显示在页面上。我能够成功地做到这一点。但是，如果我更改 XML 数据并刷新浏览器，它不会在我的网页上反射(reflect)更新的数据。如果我手动清除浏览器历史记录然后刷新页面，它将显示更新的数据。但我希望数据在刷新页面后立即更新。我不想每次都清除浏览器历史记录。
我的服务器是 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";>
最佳答案
您可以在文件中附加一个随机数:
xmlhttp.open("GET","note.xml?" + Math.random(),false);
这将确保浏览器始终获取最新版本，因为它永远不会缓存找到与随机匹配的缓存版本。
关于javascript - 防止缓存 ajax 响应，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17669653/