javascript - 如果文件存在，使用 ajax 创建一个 "Breaking News"div？

Question

我想知道是否有一种方法可以创建突发新闻 div，即使服务器上存在文件并且动态页面已静态保存用于缓存目的，它也可以显示。

例如每个页面(动态/静态)都有一个带有 id 的空页面:

<div id="breaking"></div>

有没有办法在页面加载时让 ajax 检查服务器上是否存在文件(比如 breaking.html)。如果不存在，则 div 保持为空，如果存在，则使用文件内容填充 div:

<div id="breaking">Edward Kennedy passes away. Details to follow.</div>

我想我曾经看到过这样描述的东西。这将是一个很好的方式，可以在动态页面和为减少服务器负载而生成为静态页面但可能在一段时间内不会过期和重新生成的页面上发布突发新闻。

Answer 1

您可以尝试使用 jQuery 更新 div例如 This stackoverflow question .

jQuery 意味着您不必编写太多无聊的 Javascript，并且可以专注于具有漂亮的 OO 界面的很酷的东西。这是问题的代码片段:

function update() {
  $("#notice_div").html('Loading..'); 
  $.ajax({
    type: 'GET',
    url: 'response.php',
    timeout: 2000,
    success: function(data) {
      $("#some_div").html(data);
      $("#notice_div").html(''); 
      window.setTimeout(update, 10000);
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
      $("#notice_div").html('Timeout contacting server..');
      window.setTimeout(update, 60000);
    }
}

这应该会让您抢先一步。如果您想大量使用 jQuery 书籍，这也是一个好主意(但在线文档也很好)