jQuery 加载正在截断开头

Question

http://www.gomatagorda.com/matagorda-weather/

我正在使用 jQuery 加载气象站每 60 秒上传一次的 [root]/data/weather-full.htm。

我每 30 秒加载一次该文件，以最大限度地保持数据的新鲜度。

在 Internet Explorer 7/8 中，刷新后，右列数据的一半消失。我尝试了各种解决方案，包括 DIV、前后的空 DIV，甚至是表格​​。每次刷新时，文本数据的第一部分都会消失。

对此的任何帮助表示赞赏。我已经调试这个特定错误大约 2 个月了。

谢谢！

Answer 1

如果你使用$.get，或者$.ajax和GET方法，那么IE会缓存AJAX请求。为了防止这种情况发生，这个简单的 hack 可以做到：

$.get(URL,
      { nbRandom: Math.random() },
      function(data){
        //process AJAX response
      });

nbRandom是URL没有使用的参数名，只是为了让IE认为这是新请求，所以不会使用缓存。

更新

我已经检查了该网站。请记住，我不使用 IE。 在页面中，我看到<div id="weatherdata"> 关闭标记之后有一个<div> 标记。这个单一的<div> 没有关闭标签，但紧随其后的是</td>。请检查页面中的标记平衡，确保所有平衡和有效的 XHTML。大多数错误和怪癖行为来自不平衡和未闭合的标签。

其他可能相关或不相关的事情，我从不在我的代码中使用.load()，我也从不在 IE 中遇到任何奇怪或错误。下面我重写你的函数：

function UpdateWeatherBar(){
  var d = new Date();
  $.get("http://www.gomatagorda.com/data/weather.htm",
        { t: d.getTime() },
        function(data){
          jQuery("#weatherbar").html(data);
        });
}

jQuery(document).ready(function($) {
  UpdateWeatherBar();
});

var reloadcam = setInterval(function(){
  UpdateWeatherBar();
}, 30000);

你不需要做if (document.getElementById("weatherbar") != null)，jQuery 会自动为你做这件事。

使用上面的代码，你只需要在一个地方编写AJAX，然后在任何地方使用它。当您需要更新它时，没有重复的代码会变得很困难。此外，由于您使用setInterval 调用UpdateWeatherBar()，因此将jQuery(document).ready() 块从函数中移出可能会使该错误消失。

我希望这个和标签平衡检查能够解决 IE 中的错误。

Answer 2

如果我不得不猜测，我会说你在写入文件时正在捕获文件。无需详细介绍文件锁定系统的编码以在写入时保护读取，我建议测试文件以获取预期的最后一行数据……如果不存在则将负载再推迟几秒/毫秒.

Answer 3

我看到的唯一奇怪的是在出现的第一个 THW 索引之后有一个无关的</。当它添加到文档树时，也许这会弄乱 IE？在那个时候修复 HTML，看看你是否能得到更好的结果。