如何将PHP变量$currentPage传递至AJAX请求？（多文件场景）

嘿，我来帮你搞定这个问题！要把PHP里的$currentPage传递到JS的AJAX请求里，有几个简单又实用的方法，结合你的代码场景，我给你详细拆解：

方案1：通过HTML元素的data属性传递（最直接） #

因为你的加载按钮是PHP生成的，直接把$currentPage嵌到按钮的data-*属性里是最方便的方式：

修改PHP按钮生成代码 #

在ccss_load_phases函数里，给按钮添加data-current-page属性：

function ccss_load_phases($html = '',$currentPage){
    // 其他代码保持不变
    // 注意用esc_attr转义变量，防止XSS风险
    $html .= '<div id="btn-wrapper-'.$termid.'" class="btn-wrapper"><a id="'.$termid.'" class="load-more-btn" href="#" data-current-page="'.esc_attr($currentPage).'">Load more recipes</a></div>';
}

修改JS代码获取变量 #

在点击事件里，通过data()方法读取这个属性值，然后加到AJAX请求参数中：

(function($) {
    $(document).on( 'click', 'a.load-more-btn', function( event ) {
        var termID = $(this).attr('id');
        // 读取data属性里的currentPage
        var currentPage = $(this).data('current-page');
        var button = $(this),
            data = {
                'action': 'ajax_loadmore',
                'termID': termID,
                'currentPage': currentPage // 把变量加到AJAX数据里
            };
        event.preventDefault();
        $.ajax({
            url: ajaxloadmore.ajaxurl,
            data: data,
            type: 'post',
            // 你的其他AJAX逻辑（beforeSend、success等）
        });
    });
})(jQuery);

方案2：用WordPress官方的wp_localize_script传递（更规范） #

如果$currentPage是整个页面都可能用到的变量，推荐用WordPress专门提供的wp_localize_script函数，这是最符合WP开发规范的方式：

在PHP里注册并传递变量 #

找到你加载JS文件的代码（通常在主题的functions.php里），添加如下代码：

// 假设你的JS文件路径是主题目录下的js/ajax-load-more.js，根据实际修改
wp_enqueue_script('ccss-ajax-script', get_template_directory_uri() . '/js/ajax-load-more.js', array('jquery'), '1.0', true);

// 传递PHP变量到JS，生成一个全局对象ccssGlobalData
wp_localize_script('ccss-ajax-script', 'ccssGlobalData', array(
    'currentPage' => $currentPage, // 这里传入你的变量
    'ajaxurl' => admin_url('admin-ajax.php') // 顺便把AJAX地址也传过来，省得单独处理
));

注意：要确保$currentPage在这个代码执行时已经被定义，比如可以把这段代码放到ccss_show_tag_recipes函数执行之后，或者把$currentPage的逻辑移到这里。

修改JS代码使用全局变量 #

在JS里直接调用全局对象ccssGlobalData获取变量：

(function($) {
    $(document).on( 'click', 'a.load-more-btn', function( event ) {
        var termID = $(this).attr('id');
        // 直接从全局对象获取currentPage
        var currentPage = ccssGlobalData.currentPage;
        var button = $(this),
            data = {
                'action': 'ajax_loadmore',
                'termID': termID,
                'currentPage': currentPage
            };
        event.preventDefault();
        $.ajax({
            url: ccssGlobalData.ajaxurl, // 用全局对象里的AJAX地址
            data: data,
            type: 'post',
            // 你的其他AJAX逻辑
        });
    });
})(jQuery);

方案3：直接输出JS变量（快速但不推荐） #

如果只是临时测试或者简单场景，也可以直接在PHP里输出一个script标签定义变量，但这个方法容易造成全局变量污染，正式项目不建议用：

// 在主PHP文件的合适位置（比如ccss_show_tag_recipes函数末尾）输出变量
echo '<script>var currentPage = "'.esc_js($currentPage).'";</script>';

然后在JS里直接使用：

var currentPage = window.currentPage;

重要提醒 #

不管用哪种方法，都要记得用esc_attr()（HTML属性）或esc_js()（JS变量）对PHP变量进行转义，防止XSS安全漏洞！

内容的提问来源于stack exchange，提问作者ccmanz