Javascript 5秒后调用Ajax

如果我点击一个按钮，有可能在5秒后调用ajax吗

HTML:

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

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

您可以使用setTimeout（）

setTimeout（function（）{$（“.selectSomething”）.yourAjaxFunctionHere（）}，5000）

是的，像这样：

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

---

是的，这是可能的。使用setimout将起作用，但前提是用户不离开您的页面。5秒是一段很长的等待时间，假设用户还没有开始做其他事情。

setInterval

将每5秒持续触发一次，这是OP不想看到的。重点是你不应该建议这样做，因为这样做是错误的。但这不值得投否决票。除非没有纠正，否则评论就足够了。

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