AJAX在最近发布的帖子中加载更多按钮小部件

时间:2013-08-29 作者:Mohamed Badawy

我创建了“最近的帖子”小部件,并尝试创建“加载更多”按钮,以便通过ajax获得更多最近的帖子链接,是否有任何教程可以帮助您制作它?

1 个回复
最合适的回答,由SO网友:George Yates 整理而成

看看WordPress\'s documentation on AJAX

在您的主题或插件中,您希望有如下代码:

add_action(\'wp_ajax_my_load_recent\', \'my_load_recent_posts\');
add_action(\'wp_ajax_nopriv_my_load_recent\', \'my_load_recent_posts\');
function my_load_recent_posts() {
    $args = array(
        /* Arguments go here, i.e. how many posts to get */
    );
    query_posts($args); /* [1] */

    /* Header wrap output */
    if (have_posts()) : while (have_posts()) : the_post(); /* [2] */
        /* Output for each post */
    endwhile; else :
        /* Output for if there are no posts to get */
    endif;
    /* Footer wrap output */

    wp_reset_query();
}
[1]query_posts() documentation

[2]Wordpress loop documentation

然后,假设您使用的是jQuery,那么要在前端实现此功能,您需要:

$.ajax(ajax_url/* [3] */, {
    method: \'POST\',
    data: {
       action: \'my_load_recent\',
    },
    success: function(response) {
        /* handling of the output returned by PHP function */
    },
    error: function() {
        /* what to do if there\'s a server error, like 404
    }
});
[3]请参阅WordPress关于AJAX的文档,以生成ajax_url: “作为this article 建议,使用wp_localize_script() 要使URL对脚本可用,并使用以下表达式生成URL:admin\\u URL(\'admin-ajax.php\')”

结束

相关推荐

JQuery问题和wp_enQueue_脚本

实际上,我有一个主题,用于插入jquery代码和核心参考以及jquery iu总线发生了一些我不理解的事情,实际上正如我所说的,直到我需要插入代码来创建图像幻灯片,简单的幻灯片和流行的插件,这些插件在单页中工作非常完美为此,我创建了简单的快捷码并显示图像,然后将其移动到幻灯片中当我创建这个显示图像但不移动的快捷码时,我看到插件的代码是否加载到DOM中,我看到了完美的引用,并且在主题的头部和加载页面时也看到了对jquery核心的引用我看到一次又一次,滑块不起作用,最后我把jquery的参考远程代码放在了r