WordPress admin-ajax 返回 400 错误的完整解决方案

阿芳吖_2457

阿芳吖_2457

2026-06-01

605人浏览

原创

WordPress admin-ajax 返回 400 错误的完整解决方案

WordPress 中 admin-ajax.php 返回 400 Bad Request,通常因 AJAX 动作钩子未在正确时机注册、请求参数缺失或 JS 端配置错误所致;本文详解定位与修复全流程,涵盖 PHP 钩子注册位置、非登录用户处理、数据安全校验及前端请求规范。

wordpress 中 `admin-ajax.php` 返回 400 bad request,通常因 ajax 动作钩子未在正确时机注册、请求参数缺失或 js 端配置错误所致;本文详解定位与修复全流程,涵盖 php 钩子注册位置、非登录用户处理、数据安全校验及前端请求规范。

在 WordPress 开发中,通过 admin-ajax.php 实现前端异步更新(如双击编辑表格字段)是常见需求,但极易因注册时机、权限逻辑或数据格式问题触发 HTTP 400 Bad Request。你遇到的问题核心在于:add_action() 钩子被错误地写在模板文件(如 page-work.php)中,而非主题的 functions.php 或插件主文件内 —— 这导致 WordPress 在 AJAX 请求生命周期中无法识别 wp_ajax_update_records 动作,从而返回 400。

✅ 正确做法:将钩子移至 functions.php

WordPress 的 AJAX 处理依赖 wp_ajax_{action} 和 wp_ajax_nopriv_{action} 钩子在 admin-ajax.php 初始化阶段即被注册。而模板文件仅在前台页面渲染时加载,此时 AJAX 请求早已进入独立上下文,钩子失效。因此必须将函数和 add_action() 移入 functions.php:

// 主题 functions.php 中添加(务必在 wp_enqueue_scripts 之后,且确保已启用)
function update_records() {
    // 必须进行基础验证
    if (!check_ajax_referer('dolly_nonce', 'security', false)) {
        wp_die('Invalid nonce', '', ['response' => 403]);
    }

    // 防 SQL 注入:禁止直接拼接列名
    $allowed_columns = ['status', 'customer_name', 'notes']; // 显式白名单
    $upd_column = sanitize_key($_POST['upd_column']);
    if (!in_array($upd_column, $allowed_columns)) {
        wp_die('Invalid column', '', ['response' => 400]);
    }

    global $wpdb;
    $table = $wpdb->prefix . 'reservations'; // 使用前缀,避免硬编码表名
    $result = $wpdb->update(
        $table,
        [ $upd_column => sanitize_text_field($_POST['upd_value']) ],
        [ 'ReservationID' => absint($_POST['record_id']) ],
        [ '%s' ], // value 格式化
        [ '%d' ]  // where 条件格式化
    );

    if (false === $result) {
        wp_die('Database update failed', '', ['response' => 500]);
    }

    wp_send_json_success(['message' => 'Updated successfully']);
}
add_action('wp_ajax_update_records', 'update_records');
add_action('wp_ajax_nopriv_update_records', 'update_records'); // 若需访客也可操作(谨慎!)

// 登录检查可合并进主函数,或单独提供 fallback
function please_login() {
    wp_send_json_error(['message' => 'You must log in to work'], 401);
}
add_action('wp_ajax_nopriv_update_records', 'please_login');

⚠️ 注意:wp_ajax_nopriv_ 钩子名必须与 wp_ajax_ 后缀完全一致(此处均为 update_records),否则非登录用户请求仍会 400。

✅ 前端 JS:修正请求路径、参数与安全性

你原代码中存在多个关键问题:

图片转Word
图片转Word

将扫描图像、截图或表单、文档及以文字为主的图片内容,转换为可编辑的 Word(.docx)文件。 当用户提供包含文本内容的图片,并要求将其转为 Word 文档时,应使用此技能; 或用户表达类似“把图片搞成 word 文字版”、“convert image to docx”、“extract text from image to Word”等需求时,也应调用此技能。

下载
  • url: '../wp-admin/admin-ajax.php' 是相对路径,易出错;应使用 ajax_url.ajax_url;
  • JSON.stringify() 导致 data 成为字符串而非键值对,PHP 无法解析 $_POST['action'];
  • 缺少 nonce 校验,存在 CSRF 风险;
  • 未处理 AJAX 错误响应。

修正后的 work.js(配合 wp_localize_script):

jQuery(document).ready(function($) {
    $('#work td').on('dblclick', function() {
        const $td = $(this);
        const text = $td.text().trim();
        const headerName = $td.attr('headers');

        $td.empty().append(
            $('<input>', {
                type: 'text',
                value: text,
                class: 'editable-input'
            }).on('blur', function() {
                const newVal = $(this).val();
                const $tr = $(this).closest('tr');
                const selectionID = $tr.find('td[headers="ReservationID"]').text().trim();

                // 移除 input,恢复文本
                $td.text(newVal);

                // 发送 AJAX
                $.post(ajax_url.ajax_url, {
                    action: 'update_records',
                    record_id: selectionID,
                    upd_column: headerName,
                    upd_value: newVal,
                    security: dolly_ajax.nonce // 由 wp_localize_script 注入
                })
                .done(function(response) {
                    if (response.success) {
                        console.log('✅ Update success:', response.data);
                    } else {
                        alert('Error: ' + (response.data?.message || 'Unknown'));
                    }
                })
                .fail(function(xhr) {
                    console.error('❌ AJAX Error:', xhr.status, xhr.statusText);
                    alert(`Request failed: ${xhr.status} ${xhr.statusText}`);
                });
            })
            .focus()
        );
    });
});

✅ 正确注册脚本与 nonce(functions.php)

function enqueue_dolly_script() {
    wp_register_script(
        'dolly_script',
        get_theme_file_uri('/work.js'), // 推荐使用 get_theme_file_uri()
        ['jquery'],
        filemtime(get_theme_file_path('/work.js')), // 自动刷新缓存
        true
    );

    // 生成并传递 nonce
    $nonce = wp_create_nonce('dolly_nonce');
    wp_localize_script('dolly_script', 'dolly_ajax', [
        'nonce' => $nonce
    ]);

    wp_enqueue_script('dolly_script');
}
add_action('wp_enqueue_scripts', 'enqueue_dolly_script');

✅ 关键总结与最佳实践

  • 钩子位置决定成败:所有 wp_ajax_* 钩子必须置于 functions.php 或插件文件中,在 init 或更早时机注册(wp_enqueue_scripts 是安全时机)。
  • 永远校验 nonce:防止跨站请求伪造,check_ajax_referer() 是强制要求。
  • 列名绝不直传:用白名单限制可更新字段,杜绝 SQL 注入。
  • 数据清洗不可省略:absint()、sanitize_text_field()、sanitize_key() 按需使用。
  • 统一错误处理:使用 wp_send_json_error() / wp_send_json_success() 返回结构化 JSON,便于前端判断。
  • 非登录用户逻辑清晰:若需支持访客操作,显式绑定 wp_ajax_nopriv_{action};否则仅保留 wp_ajax_ 即可。

遵循以上结构,你的双击编辑功能将稳定运行,彻底告别 400 错误。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

word ajax wordpress

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

2023.09.01

11984

6

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.11

6861

5

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.11

2195

5

php怎么连接mssql数据库
php怎么连接mssql数据库

连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

2023.10.23

4368

4

php连接mssql数据库的方法
php连接mssql数据库的方法

php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

2023.10.23

5074

6

html怎么上传
html怎么上传

html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.03

3991

9

PHP出现乱码怎么解决
PHP出现乱码怎么解决

PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.09

5777

8

php文件怎么在手机上打开
php文件怎么在手机上打开

php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.13

4522

8

sprintf函数用法详解
sprintf函数用法详解

sprintf函数的用法:1、格式化字符串;2、指定输出宽度和精度;3、返回值。更多关于sprintf函数用法详解的内容,大家可以阅读下面的文章。

2023.11.27

12382

4

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
jQuery官方API文档
jQuery官方API文档

共0课时 | 0人学习

Symfony教程(入门篇+基础篇)
Symfony教程(入门篇+基础篇)

共18课时 | 1.8万人学习