产品质保注册时JSON.parse()报SyntaxError，求排查（AngularJS新手）

安全阿岳

2026-5-20

解决AngularJS中JSON.parse()的SyntaxError问题

嘿，我明白你现在碰到的JSON解析问题有多头疼——尤其是刚从Java转AngularJS，还在摸前端的门道对吧？先别慌，咱们一步步来拆解这个SyntaxError: Unexpected token S in JSON at position 17的问题。

先搞懂错误的本质

这个错误直白点说：你传给JSON.parse()的内容根本不是合法的JSON格式，在第17个字符的位置出现了字母"S"，而JSON的合法开头只能是{、[、null、true、false或者双引号包裹的字符串。大概率是后端PHP API返回了非JSON内容（比如纯文本提示、错误页面），而非你预期的结构化JSON。

一步步排查解决

1. 先看后端到底返回了什么

这是最关键的一步，别瞎猜，直接看真实响应：

打开浏览器开发者工具（按F12），切换到「Network」标签页；
触发质保注册的操作，找到对应的API请求；
查看该请求的「Response」标签，你就能看到后端返回的原始内容。
比如你的错误里第17位是"S"，很可能是返回了类似Success、Server Error，或者前面有一堆空格/换行后跟着以"S"开头的文本，这些都不是合法JSON。

也可以在前端代码里加个调试：在调用JSON.parse()之前，先把拿到的响应打印出来：

// 假设你是从connectServerFactory的回调里拿到响应
connectServerFactory.someMethod().then(function(response) {
  console.log('后端原始响应:', response); // 先看这个输出
  // 再执行JSON.parse或者后续逻辑
});

2. 排查PHP后端的输出问题

PHP很容易因为小细节输出额外内容，破坏JSON格式：

检查PHP文件开头/结尾有没有多余的空格、换行，或者编辑器自动加的BOM头（有些IDE会偷偷加）；
确认API接口代码里，在输出JSON之前没有其他输出：比如有没有残留的echo "调试信息";、var_dump($data);，这些都会先于JSON输出；
一定要设置正确的响应头：在PHP输出JSON之前，加上header('Content-Type: application/json');，这样浏览器和AngularJS才会把响应当成JSON处理；
检查PHP是否有报错：如果后端代码有语法错误、数据库连接错误，PHP会直接输出错误信息到响应里，这些纯文本会彻底破坏JSON结构。

3. 修正前端代码的小问题

你贴的控制器代码片段里有个明显的语法错误：

// 原代码里的参数少了逗号
function adicionarGarantiaCtrl( $scope, $rootScope, constants, connectServerFactory ngDialog ) {
// 应该改成
function adicionarGarantiaCtrl( $scope, $rootScope, constants, connectServerFactory, ngDialog ) {

虽然这个不一定是当前JSON错误的直接原因，但会导致控制器加载失败，建议先修正。另外，AngularJS的$http服务（或者你的connectServerFactory如果封装了$http）会自动解析JSON响应（只要后端设置了正确的Content-Type），不需要你手动调用JSON.parse()——如果你手动调用了，大概率是因为响应没被正确识别为JSON，这时候就得检查工厂的封装逻辑。

举个常见的例子

比如后端PHP代码里，成功后直接echo "Success";，而不是echo json_encode(['status' => 'success']);，那前端拿到的就是字符串Success，调用JSON.parse("Success")就会报错（因为合法JSON字符串必须用双引号包裹，比如"Success"）。如果你的错误是第17位出现S，可能是返回的内容前面有16个无关字符（比如空格、换行、或者其他提示文本），然后才是S开头的内容。

内容的提问来源于stack exchange，提问作者Gabriel Cardoso