通过 Wordpress 上的 AJAX 为插件设置全局 PHP 变量

Question

我正在使用 Wordpress 插件 (wpDataTables) 以显示来自 MySQL 数据库的一些前端表数据。

该插件能够在查询中使用占位符 - 通常这些是通过解析 URL 查询的钩子设置的，然后设置插件使用的全局变量（例如http://example.com/mypage/?用户 ID=4 ）

但是，我想要做的是允许用户单击表中的一个按钮，然后在弹出窗口 window 中显示第二个（详细）表，因此 URL/查询方法将不起作用。

我试过的：

1. 注意表中的点击处理程序并从那里获取 user_id（这有效）
2. 使用 AJAX 将其发送回 PHP （这似乎也有效）
3. 在 PHP 中设置插件的全局变量。 （不工作）
4. 将 user_id 值反映回 js 文件并从那里调用弹出窗口（也可以）

我是 JS 和 PHP 的完整新手，所以我觉得我错过了 scope 变量或与页面加载顺序相关的东西等愚蠢的东西。非常感谢任何帮助！

这是我的 JS 代码：

//run code only after the whole page is loaded
jQuery(document).ready( function($){ 
 
//when the table's button is clicked run the ajax function
 jQuery('#table_13 tbody').on('click', 'tr', runMyAjax);

 function runMyAjax(){ 
  var table = jQuery('#table_13').DataTable();  //get the table object
  var $swimmerData = table.row( this ).data();  //this retrieves the whole row's data
        var $SID = $swimmerData[0];  //the User ID is stored in column 1
        console.log('SID is ' + $SID);  //check
  
  var data = {
        'action': 'my_ajax_function', //the function in php functions to call
        'data_to_pass': $SID,
        'nonce': frontEndAjax.nonce
    };

 //send data to the php file admin-ajax which was stored in the variable ajaxurl
   jQuery.post(frontEndAjax.ajaxurl, data, function( response ) {
            console.log('Response received was: ' + response.data_from_backend); //sanity check
        PUM.open(501); //this opens the popup
        }, 'json' );

} //end runMyAjax
 
//end document ready  
});

这是 PHP 代码（位于子主题的 functions.php 中）

$SID = 1; //this is the user ID

function my_scripts(){

 //file where AJAX code will be found 
 wp_enqueue_script( 'my-script-handle', get_template_directory_uri() . '/js/my_script_file.js', array('jquery'), true );

//passing variables to the javascript file
wp_localize_script('my-script-handle', 'frontEndAjax', array(
 'ajaxurl' => admin_url( 'admin-ajax.php' ),
 'nonce' => wp_create_nonce('ajax_nonce')
 ));

}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

function my_ajax_function(){ 
  
  //checking the nonce. will die if it is no good.
   check_ajax_referer('ajax_nonce', 'nonce');


//now we can get the data we passed via $_POST[]. make sure it isn't empty first.
if(! empty( $_POST['data_to_pass'] ) ){
   $SID = $_POST['data_to_pass']; //this seems to come in correctly based on what's passed back to js
   $wdtVar1 = $SID; //tried setting this here, but nope.
}

$ajax_response = array('data_from_backend' => $wdtVar1); //this goes back to js correctly.


 echo json_encode( $ajax_response );  //always echo an array encoded in json 
die();

}

add_action( 'wp_ajax_nopriv_my_ajax_function', 'my_ajax_function' );
add_action( 'wp_ajax_my_ajax_function', 'my_ajax_function' );

//this is the function that will update the plugin's global placeholder variable.
function updateVAR1($tableID)
{  
    global $wdtVar1;  
    if(isset($SID))
    {
        $wdtVar1 = $SID;
    }
    else{
        $wdtVar1 = 2;  //give it a default value if nothing is set - seems to always happen?
    }
}
//this is the hook which should update the placeholder variable.
add_action('wpdatatables_before_get_table_metadata', 'updateVAR1');