个人中心
gpt4 book ai didi

javascript - JSON 数组错误

转载 作者：行者123 更新时间：2023-11-28 19:11:58 25 4
gpt4 key购买 nike

我有以下 JSON 文件 (rectangles.json):

{  
   "rectangles":[  
   {  
     "x":0,
     "y":0,
     "width":20,
     "height":10,
     "color":"red"
  },
  {  
     "x":25,
     "y":0,
     "width":20,
     "height":10,
     "color":"red"
  }
]
}

我收到以下错误:'Unexpected Token :' on line 2. 我无法找出问题所在。有什么建议么？下面是我在本地文件中的 JavaScript:

function load(){
 var myData = JSON.parse(rectangles);
 var can = document.getElementById('rectangleCanvas');
 var context = can.getContext('2d');

 for (i=0; i<myData.length; i++){
  context.fillStyle = myData[i].color;
  context.fillRect(myData[i].x, myData[i].y, myData[i].width, myData[i].height);
} 
}

她是我来自另一个本地文件的 HTML:

<!DOCTYPE html>
<html>
<head>
<title>Fetch JSON array Data</title>

<script type="text/javascript" src="myScript.js"></script>
<script type="text/javascript" src="rectangles.json"></script>
</head>
<body>
<canvas id="rectangleCanvas" width="22528" height="20922"></canvas> 
<script>load();</script>
</body>
</html>

最佳答案 

<script type="text/javascript" src="rectangles.json"></script>

JSON 是一种受 JavaScript 文字语法启发的数据格式。然而，它不是 JavaScript。您无法使用 <script> 加载它元素。您需要:

  1. 编写一些 JavaScript 来获取 JSON，例如使用 XMLHttpRequest对象(这通常称为 Ajax)。
  2. 将 JSON 更改为 JavaScript 程序，该程序创建您可以访问的全局变量
  3. 将 JSON 更改为调用函数并将数据作为参数传递的 JavaScript 程序

关于javascript - JSON 数组错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30584052/

25 4 0
文章推荐： iphone - 在 XCode 4.6 下针对 iOS 4.x 设备
文章推荐： javascript - 这个函数与按钮循环的原因是什么？
文章推荐： ios - 在普通的 UIButton 上单击 PopOverWindow
文章推荐： javascript 文本编辑器 - 如何捕获选择
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com