javascript - 5 秒后 Ajax 调用

Question

如果我点击一个按钮，是否可以在 5 秒后调用 ajax？

HTML:

<button>Click</button>
<p id='output'></p>

Ajax :

$('button').click(function() {
    $.ajax({
        type: 'post',
        url: 'save_student_db.php',
        data: 's_name=' + $('#s_name').val() +
            '&s_email=' + $('#s_email').val() +
            '&s_phone=' + $('#s_phone').val() +
            '&s_add=' + $('#s_add').val() +
            '&dept_select=' + $('#dept_select').val() +
            '&datepiker=' + $('#datepiker').val(),
        success: function(reply_data) {
            $('#output').html(reply_data);
        }
    });
});

在这里，我希望当我点击按钮时，这个 ajax 调用将在 5 秒后调用。我该怎么做？谢谢。

Answer 1

是的，像这样:

$('button').click(function() {
    setTimeout(function () {
        $.ajax({
            type: 'post',
            url: 'save_student_db.php',
            data: 's_name='+ $('#s_name').val() + 
                  '&s_email=' + $('#s_email').val() + 
                  '&s_phone=' + $('#s_phone').val() + 
                  '&s_add=' + $('#s_add').val() + 
                  '&dept_select=' + $('#dept_select').val() + 
                  '&datepiker=' + $('#datepiker').val(),
            success: function(reply_data) { 
                $('#output').html(reply_data);
            },
        });
    }, 5000);
});