uncaught syntaxerror: json.parse: unexpected character 通常意味着 ajax 接收到的响应不是合法 json，而是 html、空白、php 错误信息或重定向内容；根本原因多为 url 路径错误、服务器端未正确输出纯 json，或存在意外输出（如 bom、警告、调试 echo）。
uncaught syntaxerror: json.parse: unexpected character 通常意味着 ajax 接收到的响应不是合法 json，而是 html、空白、php 错误信息或重定向内容；根本原因多为 url 路径错误、服务器端未正确输出纯 json，或存在意外输出（如 bom、警告、调试 echo）。
该错误表面看是 JSON.parse(response) 崩溃，实则揭示了一个关键事实：前端接收到的 response 字符串根本不是 JSON 格式——它可能是一个 HTML 页面（如 404 错误页）、PHP 致命错误堆栈、空字符串、甚至一段重定向脚本。在您提供的案例中，问题根源非常典型：AJAX 请求的 url: "post-comment.php" 是相对路径，而新站点启用了伪静态（通过 .htaccess + URL 重写），导致该路径实际被重写为一个不存在的路由，最终服务器返回了完整的 HTML 错误页（例如 WordPress 的 404 模板或 Apache 默认错误页），而非预期的 JSON 响应。
✅ 正确做法：使用绝对路径 + 严格服务端控制
将 AJAX 请求中的 URL 改为绝对路径（含协议和域名），确保请求精准命中 PHP 脚本：
jQuery.ajax({
method: "POST",
url: "https://rellawings.com/post-comment.php", // ✅ 绝对 URL，绕过重写干扰
data: { b_id: b_id, c_id: c_id, parent: parent, message: message },
dataType: "json", // ✅ 直接设为 "json"，jQuery 自动调用 JSON.parse，且失败时进入 error 回调
cache: false,
success: function(res) { // ✅ res 已是解析后的对象，无需再 JSON.parse
if (res.return === "1") {
$("#allcomments").html(res.contentrefresh);
} else {
$("#errorbox")
.html("There was a problem and your comment could not be posted.")
.show()
.delay(8000)
.fadeOut();
}
},
error: function(xhr, status, error) {
console.error("AJAX Error:", status, error);
console.log("Response Text:", xhr.responseText); // ? 关键调试：直接查看原始响应
$("#errorbox").html("Server communication failed. Please check browser console.").show();
}
});
⚠️ 服务端 PHP 必须保证「纯净 JSON 输出」
当前 PHP 脚本存在多个高危风险点，必须修正：
移除所有非 JSON 输出：删除所有
echo、print、var_dump及 HTML 片段（如<div>、<code><table> 等），这些会污染响应体；<li> <p><strong>设置正确的 Content-Type 头</strong>：</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill9063" title="chartjs-reporter"><img src="https://img.php.cn/upload/skill/000/000/081/179239514984446.jpg" alt="chartjs-reporter" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill9063" title="chartjs-reporter" class="overflowclass">chartjs-reporter</a> <p class="overflowclass">此技能用于在用户需要将结构化数据（查询结果、CSV 摘要、JSON 记录或 Python 字典/列表）转换为独立的 HTML 页面时使用。</p> </div> <a rel="nofollow" href="/xiazai/skill9063" title="chartjs-reporter" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <pre class="brush:php;toolbar:false;">header('Content-Type: application/json; charset=utf-8');</pre> </li> <li> <p><strong>关闭缓冲区并确保无额外输出</strong>（防止 BOM 或空格）：</p> <pre class="brush:php;toolbar:false;">ob_clean(); // 清空输出缓冲区</pre> </li> <li> <p><strong>统一错误处理，避免裸露异常</strong>：</p> <pre class="brush:php;toolbar:false;"><?php // post-comment.php —— 精简、安全、专注 JSON header('Content-Type: application/json; charset=utf-8'); ob_clean(); include "dbcon.php"; include "functions.php"; session_start(); // ✅ 严格验证输入，防止 SQL 注入（原代码存在严重风险！） $b_id = filter_input(INPUT_POST, 'b_id', FILTER_SANITIZE_NUMBER_INT) ?: 0; $c_id = filter_input(INPUT_POST, 'c_id', FILTER_SANITIZE_NUMBER_INT) ?: 0; $parent = filter_input(INPUT_POST, 'parent', FILTER_SANITIZE_NUMBER_INT) ?: 0; $message = trim(filter_input(INPUT_POST, 'message', FILTER_SANITIZE_STRING) ?: ''); // ✅ 必须登录才允许提交 if (!isset($_SESSION['uname'])) { echo json_encode(['return' => '0', 'contentrefresh' => '']); exit; } // ✅ 使用预处理语句插入（原代码直接拼接 SQL 极其危险！） $stmt = $conn->prepare("INSERT INTO `comments` (`b_id`, `c_id`, `parent`, `uiden`, `uname`, `avatar`, `message`, `posted`, `updated`) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)"); $stmt->bind_param("iiisssssi", $b_id, $c_id, $parent, $_SESSION['uiden'], $_SESSION['uname'], $_SESSION['avatar'], $message, time(), time()); if ($stmt->execute()) { // ✅ 此处不再查询全部评论（性能差），仅返回成功状态；前端可另发请求刷新列表 echo json_encode(['return' => '1', 'contentrefresh' => '']); } else { error_log("DB Insert Failed: " . $stmt->error); echo json_encode(['return' => '0', 'contentrefresh' => '']); } $stmt->close(); ?></pre> </li> <h3>? 总结与最佳实践</h3> <ul> <li> <strong>永远不要信任客户端传来的任何数据</strong>：使用 <code>filter_input()和预处理语句防御注入；- AJAX URL 务必绝对化：尤其在启用伪静态的站点中，相对路径极易因重写规则失效；
-
服务端只输出 JSON：禁用所有调试输出，设置
Content-Type，清空缓冲区； -
前端用
dataType: "json"+error回调：让 jQuery 处理解析，便于捕获格式错误； -
调试黄金法则：在
error回调中打印xhr.responseText，一眼识别真实响应内容。
遵循以上原则，即可彻底规避 JSON.parse: unexpected character 这类“看似神秘、实则明确”的前端解析错误。
