单击按钮时执行短代码

Question

无法让它工作。

到目前为止，这是我的代码：

jQuery

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

        $('#extra').on('click',function() {

            $.ajax({

                type: "POST", 

                url: my_ajaxurl, 

                data: {

                    action : 'process_shortcode_on_click_action'

                },

                success:function(data) {

                    console.log("Success");

                },

                error: function(errorThrown){

                    console.log("Error");

                }

            });

        })

    })

函数.php

    add_action( 'wp_enqueue_scripts', 'add_my_script' );

    function add_my_script() {

        wp_enqueue_script(

            'extra-script', // name your script so that you can attach other scripts and de-register, etc.

            get_template_directory_uri() . '/js/script.js', // this is the location of your script file

            array('jquery') // this array lists the scripts upon which your script depends

        );

        wp_localize_script( 'extra-script', 'my_ajaxurl', admin_url( 'admin-ajax.php' ) );

    }

    

    add_shortcode( 'extra',  't5_extra_content' );

    add_action( 'add_meta_boxes_post', 't5_register_extra_metabox' );

    add_action( 'save_post', 't5_save_shortcode_box', 10, 2);

    add_action( 'wp_ajax_process_shortcode_on_click_action', 'process_shortcode_on_click_ajax');

    add_action( 'wp_ajax_nopriv_process_shortcode_on_click_action', 'process_shortcode_on_click_ajax');

    

    function process_shortcode_on_click_ajax() {

        echo do_shortcode('[extra]');

        die;

    }

我在控制台中看到“成功”，所以我知道 jQuery 被正确调用。然而，我不知道如何让 do_shortcode('[extra]') 触发。任何帮助是极大的赞赏。

Answer 1

您的 ajax 调用没有$post来自 ajax 请求的页面的全局内容，因此get_the_ID()应该是 false 并且get_post_meta( get_the_ID(), '_t5_extra_box', TRUE )也将是 false。此外，您正在调用do_shortcode('[extra]')（无内容），因此$content回调内将是一个空字符串。所以return wpautop(get_post_meta( get_the_ID(), '_t5_extra_box', TRUE).$content);就变成了return wpautop('');一个空字符串。根据您的代码，我希望您的data响应始终为空字符串。为了解决这个问题，我将添加一个额外的 ajax post 数据项以及告诉回调$post_id应该是什么的操作。这是最原始的方式。您可能想要添加随机数或其他一些安全措施（但这可能与您原来的问题无关）。更新我还没有对此进行测试，您可能想要以不同的方式进行操作，但这里有一个选择。最终，您只需要一种方法来从原始请求中获取$post_id并将其传递给 ajax 调用。由于您已经通过 ajax url 传递wp_localize_script，我只需在那里添加另一个 JavaScript 变量。jQueryjQuery(document).ready(function ($) {    $('#extra').on('click', function () {        $.ajax({            type: "POST",            url: my_ajaxurl,            data: {                action: 'process_shortcode_on_click_action',                post_id: my_postid,            },            success: function (data) {                console.log("Success");            },            error: function (errorThrown) {                console.log("Error");            }        });    })})函数.phpadd_action('wp_enqueue_scripts', 'add_my_script');function add_my_script () {    wp_enqueue_script(        'extra-script', // name your script so that you can attach other scripts and de-register, etc.        get_template_directory_uri() . '/js/script.js', // this is the location of your script file        array('jquery') // this array lists the scripts upon which your script depends    );    wp_localize_script('extra-script', 'my_ajaxurl', admin_url('admin-ajax.php'));    wp_localize_script('extra-script', 'my_postid', get_the_ID());}add_action('wp_ajax_process_shortcode_on_click_action', 'process_shortcode_on_click_ajax');add_action('wp_ajax_nopriv_process_shortcode_on_click_action', 'process_shortcode_on_click_ajax');function process_shortcode_on_click_ajax (){    $_POST = filter_input_array(INPUT_POST, FILTER_SANITIZE_STRING);    if (empty($post_id = $_POST['post_id']) || !is_numeric($post_id)) {        wp_die('Post ID is Invalid', 400);    }    echo do_shortcode("[extra post_id='{$post_id}']");    wp_die();}add_shortcode('extra', 't5_extra_content');function t5_extra_content ($attributes, $content = ''){    $defaults = [        'post_id' => get_the_ID(),        'cap'     => 'edit_posts'    ];    $args = shortcode_atts($defaults, $attributes);    if (!current_user_can($args['cap']) || empty($args['post_id'])) {        return ''; // or some message on fail    }    return wpautop(get_post_meta($args['post_id'], '_t5_extra_box', TRUE) . $content);}