Question

我只是想知道是否有人可以解决/解释这个

我有这样的简单脚本，工作正常

$(document).on("click", '#toexcel', function () {
    if (exp_sql) {
        $.ajax({
            url: "xtras/toExcel.php",
            dataType: 'json',
            data: "sql=" + encodeURIComponent(exp_sql),
            beforeSend: function () {
                $("#wait").show();
            },
            complete: function () {
                $("#wait").hide();
            },
            success: function (response) {
                exp_sql = '';
                window.location.href = response.url;
            }
        });
    };
});

我的wait img实现如下：

<img src="css/wait.gif" id="wait" style="display: none;" />

我的问题是，即使我需要在Excel下载开始前等待几秒钟，图片也不会在Chrome中成功响应。但它显示响应是否不成功（它调用的PHP脚本问题） - 为什么会这样？

顺便说一句

我试图将$("#wait").hide();放入success - 没有区别......

我应该提一下，这是不在互联网上托管的内部域名网站吗？

Chrome版本 - 版本27.0.1453.110 m - 在Firefox中它可以正常工作！

Answer 1

试试这个：

   $(document).on("click", '#toexcel', function () {
    if (exp_sql) {
        $("#wait").show();
        $.ajax({
            url: "xtras/toExcel.php",
            dataType: 'json',
            data: "sql=" + encodeURIComponent(exp_sql),
            async: false,
            success: function (response) {
                $("#wait").hide();
                exp_sql = '';
                window.location.href = response.url;
            }
        });
    };
});

Chrome和等待图像 - jquery

1 个答案: