jquery - 无法使用 ajax jquery 立即显示内容

Question

我有这样的代码：

HTML：

<a href='#' id='link1'>Link 1</a>
<div id='content'></div>

Jquery脚本：

$("a#link1").live("click", function (e) {
    e.preventDefault();
    $.ajax({
        data: ...,
        type: "post",
        url: ...,
        async: true,
        context: this,
        success: function (result1) {
            if (result1 == "ok") {
                $.ajax({
                    data: ...,
                    type: "post",
                    url: ...,
                    async: true,
                    context: this,
                    success: function (result2) {
                        $(this).next("#content").append(result2);
                    }
                });
            }
        }
    });
});

我的问题：

• 当我单击 a#link1 时，内容（result2）附加到 div#content 但它不会立即显示，它只会在我刷新（F5）页面时显示。请帮我让它立即显示！

Answer 1

这与您的互联网连接速度有关。ajax() 是异步运行的，由于查询的是远程网站（在 url 参数中指定），因此您不能总是立即得到响应

甚至 facebook 在使用 ajax 执行某些操作时也会使用 (Loading) 模态窗口