Question

我正在尝试做的是简单地显示从WordPress返回的5个帖子。 jQuery做的是它向我展示了这5个帖子，共7次。

内部my_response.posts看起来像：

enter image description here

在向WordPress提出ajax请求时，也许我的功能是错误的，或者我应该记住一些事情。

知道为什么会这样吗？

 jQuery('span.main-nav-text').click(function(ev) {
        ev.preventDefault();
        //var slug = '';
        //var trimmed = jQuery.trim(jQuery(this).parent().children()[0].innerHTML);
        //slug = trimmed.replace(/[^a-z0-9-]/gi, '-').
        //    replace(/-+/g, '-').
        //    replace(/^-|-$/g, '');
        // Information of our Request
        var data = {
            type:"POST",
            'action': 'fyc_qet_menu_option',
            'post_type': 'blog',
            'qty': -1
        };
        jQuery.post( callajax.ajaxurl,data).done(
            function (response){
                var cipka=[];
                jQuery('div.blog-entry').empty();
                console.log(response);
                var my_response =jQuery.parseJSON(response);
                console.log(my_response.posts);
                for(var i=0;i<my_response.posts.length;i++)
                {

                    jQuery('div.blog-entry').html(my_response.posts[i]["post_date"]);
                    jQuery('div.blog-entry').html(my_response.posts[i]["post_title"]);
                    jQuery('div.blog-entry').html(my_response.posts[i]["post_content"]);
                }
             //   jQuery.each(my_response.posts,function(index,element){
             ////   console.log(element["post_title"]);
             //       cipka.push("<a href="+element["guid"]+">");
             //       cipka.push(element["post_title"]+"<br />");
             //       cipka.push(element["post_content"].substring(0,220)+"...<br />");
             //       cipka.push("</a>");
             //   });

            }
        );

    });

Answer 1

Here ho i have change the index.php  template

            <?php get_template_part('inc/content'); ?>

        <?php endwhile; else : ?>
        <div class="margint30"><h4><?php echo __('Not Post Found!','2035Themes-fm') ?></h4></div>
        <?php endif; ?>
        <?php Theme2035_pagination(); ?>
            </div>

以及我如何更改jQuery函数：

jQuery('span.main-nav-text').click(function(ev) {
    ev.preventDefault();
    //var slug = '';
    //var trimmed = jQuery.trim(jQuery(this).parent().children()[0].innerHTML);
    //slug = trimmed.replace(/[^a-z0-9-]/gi, '-').
    //    replace(/-+/g, '-').
    //    replace(/^-|-$/g, '');
    // Information of our Request
    var data = {
        type:"POST",
        'action': 'fyc_qet_menu_option',
        'post_type': 'blog',
        'qty': -1
    };
    jQuery.post( callajax.ajaxurl,data).done(
        function (response){
            var cipka=[];
            jQuery('div.dynamic-blog-posts').empty();
            console.log(response);
            var my_response =jQuery.parseJSON(response);
            console.log(my_response.posts);
            for(var i=0;i<my_response.posts.length;i++)
            {

                jQuery('div.dynamic-blog-posts').html(my_response.posts[i]["post_date"]);
                jQuery('div.dynamic-blog-posts').html(my_response.posts[i]["post_title"]);
                jQuery('div.dynamic-blog-posts').html(my_response.posts[i]["post_content"]);
            }
            //   jQuery.each(my_response.posts,function(index,element){
            ////   console.log(element["post_title"]);
            //       cipka.push("<a href="+element["guid"]+">");
            //       cipka.push(element["post_title"]+"<br />");
            //       cipka.push(element["post_content"].substring(0,220)+"...<br />");
            //       cipka.push("</a>");
            //   });

        }
    );

});

Ajax jQuery为同一结果触发多次显示事件

1 个答案: