使用 Google Chrome 加载指示器

Question

我在使用 Google Chrome 或更确切地说 Android (2.1) 网络浏览器时遇到问题。

我的网络应用程序在每次页面切换时都会调用restservices。这需要一些时间，我需要为用户提供反馈，例如一个小“正在工作...”弹出窗口。 Restservices 通过同步 ajax 请求调用。这是一个例子：

$.ajax({
    url: some URI,
    async: false,
    beforeSend: function() {
        showIndicatorDialog();
    },
    complete: function() {
        hideIndicatorDialog();
    },
    success: function(response) {
        do something after success;
    },
    error: function(response) {
        do something after error;
    },
    type: 'GET'
});

这在 FF 和 Opera 上效果很好！但是，当我使用 Android 设备在 Chrome 或 Chrome 上访问我的网络应用程序时，加载指示器不会出现！谷歌浏览器似乎不支持同步请求。

有人知道我如何让它工作或者知道另一种解决方案来在 chrome 中获取加载指示器吗？

Answer 1

解决方案是不使用同步请求。一般来说，永远不要使用同步请求，因为它们往往会阻止页面上其他任何内容（甚至整个浏览器 UI）的执行，这是不好的。

Answer 2

您是说加载指示器不会显示在 Google Chrome（桌面版）上，还是仅显示在 Android 设备的移动版 Google Chrome Lite 浏览器上？如果您使用的是最新版本的 jQuery，那么它应该适用于所有桌面浏览器。移动浏览器由于界面设计截然不同而没有得到很好的支持，而且由于不是完整的浏览器，许多浏览器没有功能齐全的 JS 支持。

也就是说，我还没有听说 Chrome Lite 中的 jQuery 有任何问题——Android 平台最令人印象深刻的事情之一就是在移动平台上包含了功能齐全的浏览器。但我认为 jQuery 的移动版本要么可用，要么正在开发中。所以如果其他方法都失败了，你可以尝试一下。

有关移动浏览器上 JavaScript/jQuery 支持的概要，请参阅此 Google 网上论坛帖子：
http://groups.google.com/group/jquery-dev/msg/ 262fa7d9f3cbe96e

编辑：
虽然 Chrome 的 UI 在执行同步请求时似乎会锁定，但我只需在显示加载指示器和执行 XHR 之间稍加延迟就可以解决这个问题：

function callAjax() {
    showIndicatorDialog();
    setTimeout("testAjax()",100);
}
function testAjax() {
    foo = $.ajax({
        url: "index4.htm",
        global: false,
        type: "POST",
        data: {
            id: 3
        },
        dataType: "html",
        async:false,
        success: function(msg){
            $('#response').text(msg);
        },
        complete: hideIndicatorDialog
    }).responseText;
}

我使用了 POST 请求来阻止浏览器缓存响应，但这对于 get 请求应该同样有效。我没有 Android 手机来测试它，但它在 Google Chrome 中运行良好。