如何安排延迟5秒发送ajax请求？

Question

按下按钮后，我想等待5秒，然后发送ajax请求。

现在，只要按下按钮，请求就会在一秒钟内发送。

<p id="test" rows="7" class="combo">
azmir:azmir
</p>
<button id="jsonp2" type="button" data-bind='click: registerClick'>Start</button>
<div class="aprovadas"></div>

$(document).ready(function () {
    $('.combo').each(function () {
        var input = '#' + this.id;
        var count = 0;
        $(count).show();
        combo(input, count);
        $(this).keyup(function () {
            combo(input, count)
        });
    });
});

function combo(field, count) {
    var number = 0;
    var matches = $(field).val().match(/(.+)/gm);

    if (matches) {
        number = matches.length / 1;
    }

    $(count).text(number + ' ');
}

$(document).ready(function () {
    $("#jsonp2").click(function () {
        var number = 0;
        var username = "";
        var password = "";

        $.ajax({
            url: "http://***",
            success: function (response) {
                var data = response.user_info;
                if (data.status.match("Active")) {
                    $(".aprovadas").append("My account work");
                }
            }
        });
    });
});

http://jsfiddle.net/qm3do4uu/552/

Answer 1

试试这个剧本。

$(document).ready(function() {
    $('.combo').each(function() {
    var input = '#' + this.id;
    var count = 0;
    $(count).show();
    combo(input, count);
    $(this).keyup(function() {
        combo(input, count)
    });
    });
});

function combo(field, count) {
    var number = 0;
    var matches = $(field).val().match(/(.+)/gm);
    if (matches) {
    number = matches.length / 1;
    }
    $(count).text(number + ' ');
}

$(document).ready(function() {
    $("#jsonp2").click(function() {
    var number = 0;
    var username = "";
    var password = "";
    setTimeout(function() {
        $.ajax({
        url: "http://***",
        success: function(response) {
            var data = response.user_info;
            if (data.status.match("Active")) {
            $(".aprovadas").append("My account work");
            }
        }
        });
    }, 5000);
    });
});

在ajax调用之前，您应该使用setTimeout(function() { }, 5000);。

琴杆