通过 Ajax uisng Semantic UI API 和选项卡获取类别中的 wordpress 帖子

Question

我正在尝试使用语义UI选项卡创建选项卡并通过ajax调用获取内容。我查看了文档，但找不到从我的wordpress网站获取内容的方法。我想创建带有类别名称的选项卡标题，并在用户单击标题时通过 ajax 加载该类别的帖子。我不知道语义UI API是否可以做到这一点，

谢谢

Answer 1

你可以调用wordpress api来获取类别，并将类别名称，id和slug放在javascript对象中。

http://v2.wp-api.org/reference/categories/

然后循环遍历对象并显示标题。使用蛞蝓调用 wp-json/wp/v2/posts/?filter[category_name]=uncategorized从类别获取帖子

Answer 2

好吧，

如果您使用symantic UI作为单独的实例(不是wp主题(并希望从wordpress站点获取内容，那么您需要一个REST api而不是ajax。你应该听从詹姆斯@Gisha建议。

但是，如果您在wordpress主题中使用symantic ui，并且希望从相同的wordpress安装加载内容，那么它就有点棘手，因为您需要了解wordpress如何处理ajax，这基本上适用于"admin-ajax.php"。

这是一个非常简单的暗示，取自另一个答案。

// Footer or spearate js file    
    <script>
    $(".post-link").click(function(){
        var post_id = $(this).attr("rel"); //this is the post id
        $("#post-container").html("content loading");
        $.ajax({
            url: myapiurl.ajax_url,
            type: 'post|get|put',
            data: {
                action: 'my_php_function_name',
                post_id: post_id
            },
            success: function(data) {
                // What I have to do...
            },
            fail: {
                // What I have to do...
            }
        });
        return false;
    });
    </script> 
// Function.php
add_action( 'admin_enqueue_scripts', 'my_ajax_scripts' );
function my_ajax_scripts() {
    wp_localize_script( 'ajaxRequestId', 'myapiurl', array( 'ajax_url' => admin_url( 'admin-ajax.php' ) ) );
}
function my_php_function_name() {
    // What I have to do...
}