为什么$ .getJSON()会阻止浏览器？

Question

为什么$ .getJSON()会阻止浏览器？

我有一个页面,列出了我们为客户监控的硬件设备.显示的每一行还显示设备的状态,即它是否正在运行,暂停,启动等.

为了改善页面加载时间,我列出了设备,但在呈现页面之前不会查询它们的状态.这是因为某些查询(例如通过SNMP或其他API)可能需要5-10秒才能响应.因此,对于十个设备的列表,用户可能需要一分钟才能看到空白页面.所以我做了以下事情 -

在设备列表页面上,我有以下脚本:

$(document).ready(function () {

  var devices = $('div[name="runStatus"]');
  devices.each(function () {

    // Get device ID (I embed this using the HTML5 data-* attributes/annotations)
    var deviceId = $(this).attr("data-deviceid");
    var url = "/devmanager/status/" + deviceId;

    $.getJSON(url, function (response) {
      // Not actually important to the question...set text status, colours etc
      $('div[data-deviceid="' + deviceId + '"]').text(response);
      //...
    });
  });
});

Run Code Online (Sandbox Code Playgroud)

我发现如果我允许这个脚本运行,页面上的所有链接都会无响应.

我猜这是因为我有很多几乎并行的异步请求阻塞,直到他们从服务器得到响应并且某种程度上"UI线程"被这个阻止了？

但是我认为这不应该发生在AJAX上.

我发现在IE8,Chrome 8.0和Firefox 3.6中会发生这种"阻塞"行为.Chrome实际上显示了箭头光标+旋转 - 马桶 - 死亡(我正在使用Windows 7),就像页面没有完全呈现一样.

我怎样才能解决这个问题？