如何使用JavaScript在Ajax调用中设置延迟

有时,您需要在接收Ajax响应之前延迟Ajax请求以执行其他任务。使用window setTimeout()方法,可以在Ajax调用中设置特定时间的延迟。
setTimeout()方法在指定的毫秒数后执行函数。此函数非常适合在延迟几秒钟后进行Ajax调用。
示例代码使用setTimeout()函数在Ajax调用中设置2秒延迟。

$(function(){
    var delay = 2000;
    $('#element').on('click', function(){
        $.ajax({
            type: 'POST',
            url: 'https://www.onitroad.com',
            data: 'data_to_send',
            success: function(response){
                setTimeout(function() {
                    $('#target').append(response);
                }, delay);
            }
        });
    });
});

您可以根据自己的需求在delay变量中指定延迟时间(以毫秒为单位)。

日期:2020-06-02 22:16:29 来源:oir作者:oir