WordPress自定义插件按钮调用PHP函数报错求助

我来帮你一步步搞定这两个问题，都是WordPress插件开发里非常典型的坑，咱们逐个拆解：

第一个错误：ReferenceError: myAjax is not defined #

这个问题大概率是脚本加载不规范，或者函数作用域导致的。WordPress的jQuery默认是noConflict模式（也就是$不能直接用，得用jQuery），而且如果脚本是在页面底部加载（你设置了true参数），直接用onclick="myAjax()"可能会因为函数没被加载到全局作用域而找不到。

第二个错误：Fatal error: Uncaught Error: Call to undefined function add_action() #

这个是更关键的问题：你直接把插件的PHP文件作为AJAX请求的URL了！WordPress的核心函数（比如add_action）只有在WordPress完整加载环境后才可用，直接访问插件PHP文件的话，根本没初始化WP环境，自然找不到这些函数。必须用WordPress官方提供的AJAX接口：admin-ajax.php。

完整修复方案 #

1. 修改插件主文件（wsn-plugin.php）

// 注册并加载脚本
function wpb_adding_scripts() {
    // 注册脚本，依赖jQuery，确保WP的jQuery被加载
    wp_register_script('wsn_script', plugins_url('script.js', __FILE__), array('jquery'), '1.1', true);
    wp_enqueue_script('wsn_script');
    
    // 把AJAX的URL传递给前端脚本，避免硬编码
    wp_localize_script('wsn_script', 'wsnAjax', array(
        'ajax_url' => admin_url('admin-ajax.php')
    ));
}
add_action('wp_enqueue_scripts', 'wpb_adding_scripts');

// 输出表单的函数
function wpb_new_company(){
    echo '<input type="text" class="form-control" id="companyName" placeholder="Firmenname">';
    echo '<input type="text" class="form-control" id="companyYear" placeholder="Jahr">';
    // 这里去掉onclick，改用jQuery绑定事件
    echo '<button id="btnNewCompany" type="button" class="btn btn-primary">Erstellen</button>';
}

// 处理AJAX请求的函数
function wpb_handle_new_company() {
    // 简单验证请求来源（可选但推荐）
    if (!isset($_POST['action']) || $_POST['action'] !== 'call_this') {
        wp_die('Invalid request');
    }
    
    echo "i reached it";
    wp_die(); // 必须用wp_die()结束AJAX请求，否则会输出多余内容
}
// 前台用户可以访问的AJAX钩子（如果是后台用wp_ajax_即可）
add_action('wp_ajax_call_this', 'wpb_handle_new_company');
add_action('wp_ajax_nopriv_call_this', 'wpb_handle_new_company');

2. 修改script.js文件

// 用jQuery的ready事件确保DOM加载完成，同时处理noConflict模式
jQuery(document).ready(function($) {
    // 绑定按钮点击事件，代替onclick属性
    $('#btnNewCompany').on('click', function() {
        alert("myAjax gestartet");
        
        $.ajax({
            type: "POST",
            url: wsnAjax.ajax_url, // 使用wp_localize_script传递的官方AJAX地址
            data: {
                action: 'call_this' // 和PHP里的钩子后缀对应
            },
            success:function(response) {
                alert(response);
            },
            error: function(xhr, status, error) {
                // 增加错误处理，方便调试
                console.log('AJAX Error:', error);
            }
        });
        
        alert("myAjax ausgeführt");
    });
});

关键修改点说明 #

1. 使用admin-ajax.php作为AJAX端点：这是WordPress的标准做法，确保请求在WP环境内处理，不会出现函数未定义的错误。
2. wp_localize_script传递AJAX地址：避免硬编码URL，适配不同的WP安装路径。
3. 用jQuery事件绑定代替onclick：解决函数作用域问题，同时符合WP的脚本规范。
4. 处理jQuery的noConflict模式：用jQuery(document).ready(function($) { ... })，这样在回调里可以正常用$代替jQuery。
5. 添加wp_die()结束AJAX请求：WP要求AJAX处理函数必须用这个结束，否则会返回多余的内容（比如0）。

内容的提问来源于stack exchange，提问作者J. Doe