javascript - 从 JSON : P5. js 中提取信息

Question

我的 php 脚本 json_encodes 如下:

[{"x":"20","y":"24","name":"NewNov"},{"x":"20","y":"70","name":"Tito"}]

但是我不知道如何在我的 p5.js 程序中提取这些信息？

比如说，我需要使用这些“x”、“y”、“名称”在适当的位置用正确的名称画一个圆圈。

我在脚本中使用了 loadJSON，现在我有一个变量 -

data = loadJSON()

但是我如何从 JSON 中获取“x”组件呢？

var radius;

function preload() {
    var url = 'http://localhost/planetTrequest.php';
    radius = loadJSON(url);
}

function setup() {
    createCanvas(300, 300);
    background(153);
    noLoop();
}

function draw() {
    background(200);
    textSize(15);
    text(radius.x, 10, 30);
    fill(0, 102, 153);
}

Answer 1

感谢上面的所有评论，这就是最终的效果:

 var data;

 function preload() {
 var url = 'http://localhost/planetTrequest.php';
 data = loadJSON(url);
 }

 function setup() {
 createCanvas(300, 300);
 background(153);
 noLoop();
 }

 function draw() {
 background(200);
 textSize(15);
 text(data[0].name, 10, 30);
 fill(0, 102, 153);
 }