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);
});

Answer 2

您可以使用setTimeout（）

setTimeout（function（）{$（＆＃34; .selectSomething＆＃34;）。yourAjaxFunctionHere（）}，5000）;

5秒后调用Ajax

2 个答案: