javascript - 从页面回调获取JSON数据

Question

我正在使用一个插件，该插件可以上传、裁剪图像并调整图像大小，然后以 JSON 格式发出回调，如下所示:

{
  "success": true,
  "action": "crop",
  "folder": "/podart",
  "size": "1606947",
  "oldName": "ALL-KEYS.jpg",
  "extension": "jpg",
  "mime": "image/jpeg",
  "isImage": "true",
  "name": "e6a4272ae328d9906908199dc7243aeb.jpg",
  "coords": {
            "x": "300",
            "y": "300",
            "width": "2400",
            "height": "2400",
            "rotate": "0"
  },
    "copies": [
        {
          "success": true,
          "folder": "/podart/medium",
          "name": "e6a4272ae328d9906908199dc7243aeb.jpg"
        }
    ]
}

这一切都在同一页面上完成，无需重新加载。

如何访问 [副本] [文件夹]+[名称] 数据并在 IMG 标记中回显该数据？

我知道如何使用 PHP 来做到这一点，但我不能在这里使用 PHP，因为页面在数据到达之前就已经渲染了，所以我想我必须使用 JS 或 jQuery，这就是我迷失的地方。

我读过一些有关“确定数据范围”的内容，但我无法真正理解如何实现它。这还指 JSON 正在加载，而不是在同一页面上呈现。我只需要在收到这个 JSON 数据后显示这个图像。

Answer 1

我通过反复试验自己找到了答案。

如果其他人想知道，在响应中我可以这样访问它:

var cropped = ("http://www.website.com" + data.copies[0].folder + "\/" + data.copies[0].name);
$('#myimage').html("<img src=" + cropped + " />");