加载TXT文件-刷新内容

Question

我已经有一段时间没有尝试HTML了——我被难住了——希望有人能来帮助我。

我的目标：在我的登录页面上，我想添加一个"；中断"；通知部分。我不希望管理员访问login.html文件；我希望从文本文件中获取数据。

我的尝试：我创建了一个"；中断.txt"；计划每天早上更新Web服务器的文件。然后我使用DIV和OBJ来加载"；中断.txt"；文件这确实有效。

<table><tr><td>
<div id="outage"><object width=475 data="outage.txt"></object></div>
</td></tr></table>

我的问题：当我更新我的"中断.txt"；文件并刷新页面，则数据NOT反映在页面上。我能让它正确加载的唯一方法是执行强制刷新(ctrl-F5(。

我尝试了什么：

-)我添加了不使用缓存的元数据。但它仍然没有更新我的数据。

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

-)我已将我的txt pull更改为JQUERY。它很好地提取了数据，但仍然没有更新

$.get( "outage.txt", function( data ) {

需要帮助：目前我不知道该寻求什么帮助。有没有更好的方法来获取文本文件并将其显示在页面上？如何确保页面被正确加载，而不是从缓存中提取。是否有强制页面强制刷新的方法？

Answer 1

当我在Chrome上进行刷新(Ctl-R(时，它会更新文本。尝试：

window.onload = function() {
document.getElementById("objid").data = "outage.txt";
}
<object id="objid" width=475 data="outage.txt">

Answer 2

我有我的答案，并将尽我所能在这里进行总结。

看起来浏览器看到的数据="；中断.txt"；归档并说："嘿！我已经在缓存中有了这个，无需再次获取文件。技巧是强制更改文件名，这会告诉浏览器"这是一个新文件，请无论如何加载它"。

<div id="outage"><object id="outageid" width=475></object></div>
<script type="text/javascript">
document.getElementById("outageid").data = "outage.txt?" + Math.floor(Math.random() * 100);
</script>