WordPress中PHP经json_encode传帖子至JS后，如何访问帖子属性？

问题根源 #

你遇到的alert(response[0])返回undefined的问题，本质是jQuery默认把服务器返回的响应当成普通字符串处理了。虽然你的PHP代码输出了格式完全正确的JSON数组，但此时response只是一段JSON格式的文本，不是可直接操作的JavaScript对象，所以用数组下标访问自然拿不到预期的帖子数据。

两种快速解决方案 #

方案1：让jQuery自动帮你解析JSON

最简单的办法是在$.ajax的配置里加上dataType: 'json'，告诉jQuery“这是JSON数据，帮我转成JS对象”。同时我还帮你修正了原代码里的选择器错误（ID选择器必须加#）：

function getFeedback(postId){
  $("#show_company").hide(); // 修正：ID选择器要加#，否则找不到元素
  $("#show_feedback").show();
  $.ajax({
    type: "POST",
    url: ajax_object.ajax_url,
    data: {
      action:'get_feedback',
      postId: postId,
    },
    dataType: 'json', // 关键：让jQuery自动解析JSON为JS数组
    success:function(response) {
      // 现在response就是一个标准的JS数组了
      if(response.length > 0){
        alert(response[0].ID); // 这里会弹出第一个帖子的ID：387
        // 遍历数组，把所有帖子的ID和标题展示到#result容器里
        let content = '';
        response.forEach(post => {
          content += `<div class="feedback-item">
                        <p>帖子ID：${post.ID}</p>
                        <p>标题：${post.post_title}</p>
                      </div>`;
        });
        $("#result").html(content);
      } else {
        $("#result").html('暂时没有相关反馈帖子');
      }
    }
  });
}

方案2：手动解析JSON字符串

如果你不想修改dataType，也可以在success回调里用JSON.parse()手动把字符串转成JS对象，这种方式适合需要额外错误处理的场景：

success:function(response) {
  try {
    const posts = JSON.parse(response); // 手动将JSON字符串转为JS数组
    if(posts.length > 0){
      alert(posts[0].ID);
      // 同样生成展示内容
      let content = '';
      posts.forEach(post => {
        content += `<p>ID: ${post.ID} | 标题: ${post.post_title}</p>`;
      });
      $("#result").html(content);
    }
  } catch(error) {
    console.error('JSON解析出错啦：', error);
    $("#result").html('加载失败，请稍后重试');
  }
}

额外优化建议 #

1. PHP端可选优化：可以给json_encode加两个参数，让输出的JSON更友好，尤其是处理中文的时候：

echo json_encode($posts, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT);

JSON_UNESCAPED_UNICODE避免中文被转义成Unicode编码，JSON_PRETTY_PRINT让JSON格式化输出，方便你调试。
2. 空数据处理：记得判断数组长度，避免没有帖子时出现空白或错误提示，上面的代码已经包含了这种情况。

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