javascript - 如何在processing.js中访问json数据-6ren

javascript - 如何在processing.js中访问json数据

转载作者：行者123 更新时间：2023-12-03 10:44:09

我正在尝试访问项目文件夹内数据文件夹内的 json 数据。但我收到“未捕获的Processing.js:无法执行pjs sketch:ReferenceError:loadJSONArray未定义”错误。

JSON数据如下:

[
    {
       "month": "january", 
       "total": 32393, 
       "disease": 2761, 
       "wounds": 83, 
       "other": 324
    },
    {
       "month": "february", 
       "total": 30919, 
       "disease": 2120, 
       "wounds":  42, 
       "other": 361
    }
]

这是我的 HTML 文件，我使用的是处理版本 1.3.6。

<html>
<head>
    <script src="processing-1.3.6.js"></script>
</head>
<body>
    <canvas data-processing-sources="demo.pde"></canvas>    
</body>
</html>

以下是我的处理代码。 (演示.pde)

JSONArray values;

void setup() {
size(800,600);
background(255);
noLoop();

values = loadJSONArray("data/data.json");

for (int i = 0; i < values.size(); i++) {
    JSONObject deads = values.getJSONObject(i); 
    int total = deads.getInt("total");
    String month = deads.getString("month");
    println(total + ", " + month);
}
}

最佳答案

如果您能够安装jQuery ，您可以轻松调用 $.ajax({}) 或更具体的 $.getJson({}) 等方法，从而可以使用 循环遍历结果$.each.

jQuery API 中给出的示例文档:

$.getJSON( "data/data.json", function( data ) {

  $.each( data, function( key, val ) {
   // YOUR CODE
   // example: 
   var result = val.total + ' ' + val.month;
  });

});

更新:

这是一个快速JsFiddle展示如何使用 $.each()

关于javascript - 如何在processing.js中访问json数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28630004/