等待离开页面，直到 ajax 完成

Question

基本上，我会在单击元素时发送$.POST()。此元素将用户带到不同的页面，并且 POST 请求不会一直通过。但是，如果我慢慢地通过它，脚本就会运行。

如何让页面等到脚本运行后再导航离开页面？还是这里有不同的问题？对 AJAX 有点陌生

$('.ad-link').on('click', function() {
    $.get('http://easyuniv.com/php/clickPP.php?id='+$(this).attr('id'));
});

然后 clickPP.php 只是一个简单的 SQL 查询，我已经验证它可以工作。

谢谢

Answer 1

您可以为此使用回调，如下所示：

$('.ad-link').on('click', function(e) {
    e.preventDefault();
    var url_to_redirect = $(this).attr('href');
    $.get(
        'http://easyuniv.com/php/clickPP.php?id='+$(this).attr('id'),
        {},
        function(return_data){  // callback function, wait till request is finished
            // use the return_data if you need it
            location.href = url_to_redirect; // redirect the user
        }
    );
});