从 wordpress ajax hook 访问 Elementor 小部件设置及其修改

Question

我是 Elementor Developers API 的新手。 提前抱歉我的英语））我正在创建我自己的网站，该网站必须与一些外部 API（也是由我开发的）集成。 我花了几天时间试图解决我的问题，今天我在这里寻求帮助））

所以，我有 Elementor 页面，例如上面有一些计数器。 我有一些按钮向后端发送一些 ajax_action（让我们将其命名为“do_compare”）。 在适当的“wp_ajax_do_compare”钩子内，我想向我的 REST 外部 API 发送请求，在获得响应后，我想用响应值更新 elementor-counter 小部件（例如，我想在外部响应后将计数器值更新为 53 API）。

我有以下代码块，它工作正常，但正如您所看到的，它只会在页面初始化期间执行（在本例中，我使用的是 Elementor PHP 钩子）：

add_action('wp_enqueue_scripts', 'myajax_data');
function myajax_data() {
    wp_enqueue_script('custom', plugins_url('custom.js', __FILE__), array('jquery'));

    wp_localize_script('custom', 'myPlugin',
        array(
            'ajaxurl' => admin_url('admin-ajax.php')
        )
    );


   add_action( 'elementor/frontend/before_render', function( $widget) {
    if ( 'myCounter' === $widget->get_settings()['_element_id'] ) {
        $widget->set_settings('ending_number', 15);
    }
}, 10, 2 );
}

我需要有可能在响应后更新计数器。 我尝试了一些元素钩子和许多其他东西，但没有任何效果（（我想要这样的东西：点击按钮后 - >发送ajax请求与wordpress后端进行比较，然后有如下工作代码：

add_action('wp_ajax_compare', 'compare_callback');
function compare_callback() {
    // send request to external API
   // update counter with values from response
   // update frontend elementor page with new counter
    wp_die();
}

有可能吗？ 在这种情况下我能做什么？

先感谢您。