javascript - Ajax 通过计数器自动加载

Question

我从某个模板中获得了这段代码，它通过单击选项卡将帖子提取到页面中来执行。除了单击选项卡之外，我想要的只是拥有此代码的编辑副本以通过 timer 获取帖子。 I have tried the setInterval but it didn't work , 我很感激任何帮助我对 Ajax 和 JQuery 如此陌生。

jQuery(document).ready(function($) {

    setInterval(function(){

        e.preventDefault();
        var bt = $(this);
        var bts = bt.parent().parent();
        var where = $(this).parent().parent().parent().next();
        var nbs = bt.parent().parent().data('nbs');
        var nop = bt.parent().parent().data('number_of_posts');

        cat = bt.data('cat_id');
        if (cat === '') {
            cat = bt.data('parent_cat');
        }
        where.parent().find('.show-more').find('.nomoreposts').remove();

        jQuery.ajax({
            type: "post",
            url: nbtabs.url,
                        dataType: 'html',
                        data: "action=nbtabs&nonce="+nbtabs.nonce+"&cat="+cat+"&nbs="+nbs+"&number_of_posts="+nop,
            cach: false,
            beforeSend : function () {
                where.parent().append('<i class="nb-load"></i>');
            },
            success: function(data){
                where.hide().html(data).fadeIn('slow');
                bts.find('li').removeClass('active');
                bt.parent().addClass('active');
                where.parent().find('.nb-load').remove();
            }
        });
    }, 5000)

})

Answer 1

在我们真正帮助您编写代码之前，您必须先有所了解。我们不能只为您编写代码，因为我们不知道您想要更新哪些元素以及如何更新。

我只能建议您 Jquery Ajax 方法是这段代码如何检索 url 响应:

jQuery.ajax({
        type: "post",
        url: "<name of your url or maybe servlet>"
        success: function(data){
           // data is the response from your url
           // in the code sample, data was html that was inserted to an element
        }
    });

您可以将此 ajax 调用放在函数中并使用 setInterval。您可以将 setInterval 调用放在您的 Jquery.ready() 函数上。