Javascript 在html页面上显示api响应 JSON测试你好，世界取（'http://localhost:3000/api/product/1234567') .然后（功能（响应）{ 返回response.json（）； }) .then（功能（数据）{ 附加数据（数据）； }) .catch（函数（err）{ log（'error:'+err）； }); 函数追加数据（数据）{ console.log（数据） var mainContainer=document.getElementById（“myData”）； for（让我们输入数据）{ var div=document.createElement（“div”）； div.innerHTML='name:'+data[key]+'label'+data[key]； mainContainer.appendChild（div）； } }_Javascript_Html_Json_Fetch

Javascript 在html页面上显示api响应 JSON测试你好，世界取（'http://localhost:3000/api/product/1234567') .然后（功能（响应）{ 返回response.json（）； }) .then（功能（数据）{ 附加数据（数据）； }) .catch（函数（err）{ log（'error:'+err）； }); 函数追加数据（数据）{ console.log（数据） var mainContainer=document.getElementById（“myData”）； for（让我们输入数据）{ var div=document.createElement（“div”）； div.innerHTML='name:'+data[key]+'label'+data[key]； mainContainer.appendChild（div）； } }

javascript html json

Javascript 在html页面上显示api响应 JSON测试你好，世界取（'http://localhost:3000/api/product/1234567') .然后（功能（响应）{ 返回response.json（）； }) .then（功能（数据）{ 附加数据（数据）； }) .catch（函数（err）{ log（'error:'+err）； }); 函数追加数据（数据）{ console.log（数据） var mainContainer=document.getElementById（“myData”）； for（让我们输入数据）{ var div=document.createElement（“div”）； div.innerHTML='name:'+data[key]+'label'+data[key]； mainContainer.appendChild（div）； } },javascript,html,json,fetch,Javascript,Html,Json,Fetch,正在尝试获取json响应并将其显示在html页面上。它给了我一个错误：SyntaxError：JSON输入的意外结束。我想我来这里也许是想得到一些帮助，了解如何解决这个问题以及为什么会发生这种情况。多谢各位编辑：我在控制台上得到的响应： { 邮品:1234567，名称:"电视",，售价：149.99 }主要原因是您的响应不是JSON格式的，这可能是因为得到了一些非JSON格式的响应。请发布示例JSON响应格式，以便更好地理解。能否将调用的JSON结果发布到http://localhost

正在尝试获取json响应并将其显示在html页面上。它给了我一个错误：SyntaxError：JSON输入的意外结束。我想我来这里也许是想得到一些帮助，了解如何解决这个问题以及为什么会发生这种情况。多谢各位

编辑：

我在控制台上得到的响应：

{ 邮品:1234567，名称:"电视",，售价：149.99

}主要原因是您的响应不是JSON格式的，这可能是因为得到了一些非JSON格式的响应。请发布示例JSON响应格式，以便更好地理解。

能否将调用的JSON结果发布到

http://localhost:3000/api/product/?????

？我已经添加了在控制台上得到的响应！是的，这是有道理的，我已经添加了我在控制台上得到的响应！基本上，我们需要先转换为字符串格式，然后再转换为JSON。因此，在调用JSON函数之前使用JSON.Stringify来响应我使用了Stringify，但仍然得到“error:SyntaxError:Unexpected end of JSON input”噢，这可能是因为我这样做了“console.log（JSON.Stringify（data，null，2））事实上，我必须传递你仍然不起作用的值，hmmaybe答案中的引号（'）：

'TV'

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>JSON Test</title>
</head>
<body>
   <h1>Hello World</h1>
   <div id="myData"></div>
   <script>
       fetch('http://localhost:3000/api/product/1234567')
           .then(function (response) {
               return response.json();
           })
           .then(function (data) {
               appendData(data);
           })
           .catch(function (err) {
               console.log('error: ' + err);
           });
       function appendData(data) {
           console.log(data)
           var mainContainer = document.getElementById("myData");
           for (let key in data) {
               var div = document.createElement("div");
               div.innerHTML = 'name: ' + data[key] + 'label' + data[key];
               mainContainer.appendChild(div);
           }
       }
   </script>
</body>
</html>