$.getJSON调用Fizz Buzz REST服务时非数字结果解析失败求助

嘿，这个问题我刚好踩过坑！核心原因其实很直白：$.getJSON要求服务器返回的必须是合法的JSON格式数据，而你的服务现在返回的是裸字符串（比如1, 2, Fizz），不是标准JSON结构，所以解析失败是必然的。只有当返回内容是单个数字（比如3）时，刚好符合JSON的数字语法规则，才侥幸能解析成功。

下面给你两种实用解决方案，按需选就行：

方案1：修改后端服务，返回合法JSON（推荐） #

这是最规范的做法，让服务输出标准的JSON结构，比如把结果包装成对象或者数组：

示例修改（假设用Express框架） #

原来的代码可能是这样的：

app.get('/play', (req, res) => {
  const input = req.query.inputText;
  const result = fizzBuzzProcess(input); // 你的Fizz Buzz处理逻辑
  res.send(result); // 返回裸字符串
});

改成返回JSON对象：

app.get('/play', (req, res) => {
  const input = req.query.inputText;
  const result = fizzBuzzProcess(input);
  res.json({ output: result }); // 包装成JSON对象返回
});

或者如果想让结果更灵活（比如拆成数组）：

app.get('/play', (req, res) => {
  const input = req.query.inputText;
  const result = fizzBuzzProcess(input);
  res.json(result.split(', ')); // 拆分成数组返回
});

修改后，前端用$.getJSON就能正常解析了：

$.getJSON('https://mighty-oasis-86817.herokuapp.com/play?inputText=1 2 3', function(data) {
  // 如果是对象格式，取data.output
  console.log(data.output); // 输出"1, 2, Fizz"
  // 如果是数组格式，直接用data
  console.log(data); // 输出["1", "2", "Fizz"]
});

方案2：前端改用纯文本请求，跳过JSON解析 #

如果暂时不想改动后端，可以换用$.get（而非$.getJSON）来获取纯文本响应，这样就不会触发强制JSON解析的逻辑：

$.get('https://mighty-oasis-86817.herokuapp.com/play?inputText=1 2 3', function(response) {
  // response就是服务返回的原始文本"1, 2, Fizz"
  console.log('结果：', response);
  // 这里可以直接处理文本内容，比如拆分、展示等
});

或者用更现代的Fetch API：

fetch('https://mighty-oasis-86817.herokuapp.com/play?inputText=1 2 3')
  .then(response => response.text())
  .then(text => {
    console.log('结果：', text);
  });

补充：为什么单个数字能正常工作？ #

当你传入单个数字参数（比如3），服务返回3，这个字符串刚好是合法的JSON数字值，所以$.getJSON能自动解析为数字类型；但当返回内容包含逗号和字母时（比如1, 2, Fizz），这不是任何合法的JSON类型（JSON字符串必须用双引号包裹，比如"1, 2, Fizz"才是合法的JSON字符串），所以解析直接失败。

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