有没有办法在 AJAX 输出中使用 Wordpress 函数并将返回的对象作为参数传递？

Question

简而言之，我正在使用 AJAX 检索一堆自定义帖子，然后显示我想要的方式。

我面临的问题是在我的输出中，我现在需要使用一些 WordPress 函数，特别是“get_the_post_thumbnail_url()”。但我需要能够将返回的对象 ID 值作为第一个参数传递。

我已经尝试了引号、转义等的所有组合，似乎没有任何东西能够将 PHP 函数与 AJAX 对象值结合起来，所以我想知道这是否真的可行。

代码方面，AJAX 调用运行良好（我可以检索 get_posts() 中包含的所有内容，例如标题、内容、ID 等。我只是看不出如何获取这些值并将它们传递给要使用的 PHP 函数。

这可能吗？

function kwt21_three_card_reading_js() {
    
    return 'jQuery.ajax({
            type: "POST",
            url: "'.admin_url('admin-ajax.php').'",
            dataType: "json",
            data: {
                action : "kwt21_three_card_reading_get_cards"
            },
            success: function(response) {
            
                jQuery("#kwt21-three-card-reading").html("<div class=\"row\"></div>");
                
                jQuery.each( response, function( key, value ) {
                
                    if(key === 0) {
                        var cardID      = "the-past";
                        var cardTitle   = "The Past";
                    }
                    if(key === 1) {
                        var cardID      = "the-present";
                        var cardTitle   = "The Present";
                    }
                    if(key === 2) {
                        var cardID      = "the-future";
                        var cardTitle   = "The Future";
                    }
                    
                    var count = 0;
                    
                    jQuery("#kwt21-three-card-reading > .row").append(
                    
                        // Card
                        "<div class=\"col-md-4 mb-3 mb-md-0\">" +
                            "<div class=\"card  border-0 bg-transparent\">" +
                                "<div class=\"card-body p-0 text-center\">" +
                                    "<h3 class=\"card-title h5 mb-0\">" +
                                        "<a href=\"#" + cardID + "\" data-bs-toggle=\"modal\" class=\"stretched-link\">" +
                                            "<img src=\"'.wp_get_attachment_image_url(40917, 'medium').'\" />" +
                                        "</a>" +
                                    "</h3>" +
                                "</div>" +
                            "</div>" +
                        "</div>" +
                        
                        // Modal
                        "<div id=\"" + cardID + "\" class=\"modal three-card-reading-modal\" tabindex=\"-1\">" +
                            "<div class=\"modal-dialog modal-xl modal-dialog-centered\">" +
                                "<div class=\"modal-content\">" +
                                    "<div class=\"modal-body\">" +
                                        "<div class=\"row\">" + 
                                            "<div class=\"col-md-4\">" +
                                                "<img src=\"" + '.get_the_post_thumbnail_url(<!-- I need to use value["ID"] here -->).' + "\" />" +
                                            "</div>" +
                                            "<div class=\"col-md-8\">" +
                                                "<h3 class=\"modal-title h5 mb-3 text-uppercase text-spaced\">" +
                                                    cardTitle +
                                                "</h3>" +
                                                "<h4 class=\"h5 mb-3 text-uppercase text-spaced\">" +
                                                    value["post_title"] +
                                                "</h4>" +
                                                "<div class=\"modal-text\">" +
                                                    value["post_content"] +
                                                "</div>" +
                                            "</div>" +
                                        "</div>" +
                                    "</div>" +
                                "</div>" +
                            "</div>" +
                        "</div>"

                    );
                    
                    console.log(key, value);
                    
                });
                
            }
        });';
    
}

Answer 1

类似这样的东西就是你所看到的。

//Allow calling for Logged in users
add_action("wp_ajax_kwt21_three_card_reading_get_cards","kwt21_three_card_reading_get_cards");
//Allow calling for Non Logged in users
add_action("wp_ajax_nopriv_kwt21_three_card_reading_get_cards","kwt21_three_card_reading_get_cards");

function kwt21_three_card_reading_get_cards(){
/* Parse the received data here and return it as a JSON object*/

  return json_encode ($result);
}