从JSON响应中删除不需要的标记

Question

希望有人能提供帮助，我正在使用以下代码在React应用程序的endpoint执行抓取：

try {
        const response = await fetch("https://myendpoint.com/abcd/search?c=abc123");
        const jsonData = await response.json();
        console.log(jsonData);

      } catch (err) {
        console.error(err.message);
      }

并返回错误：server.js： 1意外令牌

在《邮递员》中，当我运行此程序并返回JSON时，我得到的是：

<pre>{
       "name": "abc123",
       "location": "USA",
       "notes": "qwerty"
}</pre>

现在我无法控制响应，我假设错误与有关。”

删除这些标签的最佳方法是什么，即




Answer 1

虽然我不认为这是推荐的答案，但如果您不控制服务器并且内容类型标头不起作用，这是一个解决方案。

try {
  const response = await fetch('https://httpbin.org/get');
  const responseText = await response.text();
  const convertedResponseText = responseText.replace(/\<pre\>|\<\/pre\>/gm, '');
  const responseJSON = JSON.parse(convertedResponseText);
  console.log(responseJSON);
} catch (err) {
  console.error(err.message);
}

Answer 2

预标记将出现，因为所发出的请求是针对html的。而不是json响应。您需要将一个设置为Content-Type的标头传递给Application/json。这应该能解决你的问题。

try {
  const response = await fetch('https://myendpoint.com/abcd/search?c=abc123', {
    headers: { 'Content-Type': 'application/json' }
  });
  const jsonData = await response.json();
  console.log(jsonData);
} catch (err) {
  console.error(err.message);
}