AJax 测试 - 添加延迟答案

【问题标题】：AJax Testing - Add a delayAJax 测试 - 添加延迟
【发布时间】：2009-10-14 11:00:29
【问题描述】：

我正在尝试对我们编写的一些 Ajax 代码进行一些测试，现在显然在本地测试时它运行得非常快而且很棒。我需要强制延迟 3 秒，以便我可以看到加载程序正在显示并且用户体验足够好。

我已尝试以下方法，但收到错误“无用的 settimeout”，还有什么其他建议可以实现此目的吗？有浏览器插件吗？

$('#formAddPost').submit(function() {


    //Load the values and check them
    var title = $(this).find('#Title');
    var description = $(this).find('#Description');
    var catId = $(this).find('#Categories');

    if (ValidateField(title) == false || ValidateField(description) == false) {
        $('.error-message').show();
        return false;
    }

    $('.error-message').hide();

    //Show the loading icon
    $('.add-post').hide();
    $('.add-post-loader').show();

    //Temp for testing - allows the showing to the loader icon
    setTimeout(MakeAJAXCall(title.val(), catId.val(), description.val()), 1500);


    return false;
});

function MakeAJAXCall(title, catId, description) {
    $.ajax({
        url: "/Message/CreatePost/",
        cache: false,
        type: "POST",
        data: ("title=" + title + "&description=" + description + "&categories=" + catId + "&ajax=1?"),
        dataType: "html",
        success: function(msg) {
            $('#TableMessageList').replaceWith(msg);
            $('.add-post-loader').hide();
            $('.add-post').show();
        }
    });
}

【问题讨论】：

类似问题：stackoverflow.com/questions/23124/…

标签： ajax

【解决方案1】：

当您测试页面是否存在服务器响应延迟时，您可以在服务器端代码而不是客户端代码中设置延迟吗？

【讨论】：

【解决方案2】：

您也许可以使用fiddler 来做到这一点。

examples scripts 包含一些暂停响应的示例。

【讨论】：

【解决方案3】：

来自 jsFiddle.net 的这个工具会有帮助吗？

回显 Javascript 文件和 XHR 请求 http://doc.jsfiddle.net/use/echo.html

【讨论】：