AJax测试-添加延迟

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

我尝试了以下方法，但收到了错误“无用的设置超时”，还有其他建议吗？有浏览器插件吗

$('#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();
        }
    });
}

---

你也许可以使用

---

其中包括一些暂停响应的示例。

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

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

回显Javascript文件和XHR请求

类似问题：