
WordPress 中使用 wp_send_json_success() 时若直接 echo 内容再调用该函数,会导致返回值为 0;正确做法是将数据结构化传入函数,并在 JS 中通过 data.data.input 访问响应内容。
wordpress 中使用 `wp_send_json_success()` 时若直接 echo 内容再调用该函数,会导致返回值为 `0`;正确做法是将数据结构化传入函数,并在 js 中通过 `data.data.input` 访问响应内容。
在 WordPress 开发中,AJAX 请求返回 {"success":true,"data":"0"} 是一个典型误区——表面看请求成功(success: true),但 data 字段却为字符串 "0",而非预期的 HTML 或 JSON 数据。问题根源在于服务端函数中混用了输出缓冲(echo + ob_get_clean())与 wp_send_json_success() 的标准响应机制。
wp_send_json_success() 本身已封装了 header() 设置、JSON 编码和 die() 终止逻辑,不应再手动 echo 或使用输出缓冲。否则,echo 的内容会干扰 JSON 输出流,而 wp_send_json_success() 默认仅将传入参数序列化为 data 字段,若传入 null 或无效值(如未捕获的 ob_get_clean() 结果为空),就极易退化为 "0"。
✅ 正确写法如下:
// PHP 端:简洁、语义清晰
function update_modification_dropdown_options() {
// 构建要返回的数据(支持任意结构)
$response = [
'html' => '<option value="test">Test</option><option value="prod">Production</option>',
'count' => 2,
'timestamp' => current_time('mysql')
];
wp_send_json_success($response); // 自动设置 header、json_encode 并 exit
}
add_action('wp_ajax_send_dropdown_account_data', 'update_modification_dropdown_options');
add_action('wp_ajax_nopriv_send_dropdown_account_data', 'update_modification_dropdown_options'); // 注意 action 名称一致性⚠️ 关键修正点:
-
Action 钩子名称必须完全匹配:JS 中
action: "send_dropdown_account_data"→ PHP 中wp_ajax_send_dropdown_account_data(注意拼写:原代码中误写为send_dropdown_account_dat,少了一个a); -
移除所有
echo和输出缓冲操作:wp_send_json_success()不接受原始 HTML 字符串作为唯一参数,应传入关联数组; -
JS 端访问需遵循 WP AJAX 响应结构:
wp_send_json_success($arr)返回的是{ "success": true, "data": $arr },因此 HTML 内容位于data.data.html:
$('#data-modification-table tbody').on('change', 'td select', function(e) {
e.preventDefault();
let $tr = $(e.target).closest('tr');
$.ajax({
type: "POST",
url: ajaxurl,
dataType: "json",
data: {
action: "send_dropdown_account_data", // ✅ 与钩子名严格一致
account_id: $tr.find('.user_account_name').val(),
project_id: $tr.find('.user_project_name').val(),
nonce: my_ajax_obj.nonce // ⚠️ 强烈建议添加 nonce 验证(见下方说明)
},
success: function(response) {
if (response.success) {
const optionsHtml = response.data.html; // ✅ 正确路径
$tr.find('.target-select').html(optionsHtml); // 示例:注入到目标下拉框
}
},
error: function(xhr, status, error) {
console.error('AJAX Error:', status, error);
}
});
});? 补充最佳实践:
-
务必添加 nonce 验证:在 PHP 回调开头加入
if (!wp_verify_nonce($_POST['nonce'], 'my_dropdown_nonce')) wp_die('Invalid request.');,并在 JS 中传入nonce(通过wp_localize_script()注入); -
避免前端 alert 对象:
alert(data)显示[object Object]是正常行为,应改用console.log(data)调试; -
错误处理增强:在
success回调中始终检查response.success,防止意外数据格式导致 JS 报错。
遵循以上规范,即可彻底解决 WordPress AJAX 返回 0 的问题,并构建健壮、可维护的动态表单交互逻辑。


















