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
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com