Ajax迭代-每3秒重复一次AJAX呼叫

Question

AJAX调用而不是.click加载-我希望ajax每3秒运行一次，直到Total_Records结束。这是我的AJAX代码，它运行一个按钮的.click。

我要传递两个变量 1.身份证号码
2. Total_Records

我希望ajax迭代多次= Total_Records。

任何建议都会受到赞赏。

$(document).ready(function() {
    $(document).on('click', '.show_more', function() {
        var ID = $(this).attr('id');
        var lim = $(this).attr('Total_Records');
        $.ajax({
            type: 'POST',
            url: 'moreajax.php',
            data: {
                'id': ID,
                'lim': lim
            },
            success: function(html) {
                setTimeout(function() {
                    $('#show_more_main' + ID).remove();
                    $('.postList').append(html);
                }, delay);
            },
        });
    });
});

方法2）请仔细阅读并通过示例推荐任何更好的方法或脚本改进。这将使所有人受益。

注意：我相信这种方法将是一个很大的增强，并且可以让许多正在寻找间歇运动的人重复使用。

唯一的问题是取消按钮。单击并不会停止ajax调用。

 $('#cancel').click(function() {
        cancel = true;
    });

    $(function() {

        //If cancel variable is set to true stop new calls
        if (cancel == true) return;

        var RecordsInterval = 10 * 1000;
        var fetchRecords = function() {
            console.log('Sending DATA AJAX request...');
            $.ajax({
                type: "POST",
                url: "fetchRecords.php",
                data: {
                    'id': ID,
                    'lim': lim
                }
            }).done(function(html) {
                $('#show_more_main' + ID).remove();
                $('#postList').append(html);
                alert("You got it champ")
                console.log('success');
                console.log('Waiting ' + (RecordsInterval / 1000) + ' seconds');
                setTimeout(fetchRecords, RecordsInterval);

            }).fail(function() {
                console.log('error');
                alert("error Champ");
                return;
            });
        }

        // Fetch Records immediately, then every 10 seconds AFTER previous request finishes
        fetchRecords();
    });