求助：如何用嵌入代码在Weebly展示香港政府实时停车场空位数据

你需要把返回的JSON数据解析后提取vacancy字段，而不是直接显示整个文本内容。修改后的代码如下：

<!DOCTYPE html>
<html>
<body>

<p id="demo">加载中空位数据...</p>

<script>
let file = "https://sps-opendata.pilotsmartke.gov.hk/rest/getCarparkVacancy?carparkId=10"
fetch(file)
  .then(x => x.json()) // 将响应解析为JSON对象，而非纯文本
  .then(y => {
    // 提取vacancy字段的值并展示
    document.getElementById("demo").innerHTML = y.vacancy;
  })
  .catch(error => {
    // 处理请求失败的情况
    document.getElementById("demo").innerHTML = "加载失败";
    console.error("请求出错:", error);
  });
</script>

</body>
</html>

关键修改说明： #

• 将x.text()替换为x.json()：政府开放数据返回的是JSON格式，解析成对象后才能直接访问指定字段。
• 在第二个.then()回调中，通过y.vacancy获取空位数值，再赋值给页面元素。
• 添加.catch()处理请求失败场景，避免页面一直停留在加载状态。

替换你原有的代码后，页面就会只显示当前停车场的空位数字。

内容的提问来源于stack exchange，提问作者Dong Ho Leung