如何集成jQuery和p5js。对于ajax请求？

Question

我无法弄清楚如何在jQuery ajax函数的成功部分内调用p5.js函数。此链接显示由p5.js或jQuery处理的ajax请求，但不集成两者。有没有办法做到这一点？有人可以提供一个简单的例子吗？具体来说，我想做类似的事情：

$.ajax({
  url : window.location.href,
  type : "POST",
  ...
  success : function(data) {
           function draw() {
             if (mouseIsPressed) {
               fill(0);
             } else {
                 fill(data["color_value"]);
               }
  ellipse(mouseX, mouseY, 80, 80);
}   
              },
  error : function(xhr, errmsg, err) {
        console.log(xhr.status + ": " + xhr.responseText);
                                     },

Answer 1

为什么还在尝试在ajax成功函数中定义draw()函数？不要那样做。

单独定义您的draw()函数，就像p5.js文档告诉您的那样。让它访问一些状态，或换句话说，一些变量告诉draw()函数该做什么。

然后在你的ajax成功函数中，只需修改那些变量的值。这将修改draw()的行为，你可以根据你从ajax获得的内容绘制你想要的任何内容。