Javascript 从文章主体解析JSON

我正在使用cameratag.com在我的网站上录制视频。该服务可以向我的服务器发送JSON响应，这样我就可以将数据保存到数据库中。但是，我不知道如何继续：

文档声明请注意，JSON repsonse是在文章正文中传递的，而不是作为表单参数传递的。下面是一个如何在ruby中解析响应的示例：

但我不知道如何在JavaScript上获取数据

发布样本：

    {
  "uuid": "00012710-4b65-0131-ffe6-22000a499ea4",
  "camera_uuid": "98373a20-79ee-0130-3e42-1231390fcc11",
  "created_at": "2013-12-20T05:25:02.000Z",
  "percent_complete": 100,
  "short_code": "KKtB4Q",
  "metadata": {
  },
  "state": "published",
  "recorded_from": "http://singwho.com",
  "publish_type": null,
  "formats": [
    {
      "name": "720p",
      "width": 1280,
      "height": 720,
      "video_url": "https://cameratag.com/videos/00012710-4b65-0131-ffe6-22000a499ea4/720p/mp4.mp4",
      "flv_url": null,
      "flv_stream": null,
      "mp4_url": "https://cameratag.com/videos/00012710-4b65-0131-ffe6-22000a499ea4/720p/mp4.mp4",
      "mp4_stream": "rtmp://sa0xpxq1vz1ri.cloudfront.net/cfx/st&mp4:98373a20-79ee-0130-3e42-1231390fcc11/00012710-4b65-0131-ffe6-22000a499ea4_720p.mp4?Expires=1436892019&Signature=OhVUCK0GGLSNiaO~2MVp03YPmb9xcYQnbKMFfRaZsVwerQtdwF9Kcf~fKyg1vQH9HYZdoeADXmszRxpxi2Np6FH8YloVFjPFjOkBPJEQ0Z4IWh6hKbWD8hL861kSFKKrEBNgxSJeTG1F8XpXMISRTYhZ11G3FRoZwg42CwKIP0w0LqQnIwz5Hi0yw35AgQRn1zBBEYqBBkR~QhW9OyLkU5K15b0-RnOH~EmDXUzGJQHBkGgSyCXY0D41Ak~~Co0ocqJD9Phe2ZfA7Qy-JHWwLHr66bQuP3g~E3CgGo0-vtCphnWrxDTxgNezP~SRI~BWrvlljVwPWF5LZXy5ByTf1w__&Key-Pair-Id=APKAIYEVFIMHKY7YWGKA",
      "webm_url": "https://cameratag.com/videos/00012710-4b65-0131-ffe6-22000a499ea4/720p/webm.webm",
      "webm_stream": "rtmp://sa0xpxq1vz1ri.cloudfront.net/cfx/st&webm:98373a20-79ee-0130-3e42-1231390fcc11/00012710-4b65-0131-ffe6-22000a499ea4_720p.webm?Expires=1436892019&Signature=PDL1Bubk6QkW-kNRm9GhHFAxdNdA57S6S0YM1hgM5SuHYULS84dOXcYz~LjPFd-bjgOJDWdEONfv60SqcFkN0cy93BHbs1Pk3bNLW-y0VFnMzIuT8QmEWuO60Yt8Bg7IJdvtph3Jmtolay9VFL~ZPTcX1ljhPKbBiZzIhuzfMtBChQrGXAb19jG6Rv8bxrST8aR~EuC31XFQ4LlN-L8G~pkf9s-DOquNvYUnkv-0hIyiDHG4gZZKurNYyz8ZVZRh0ZKTby2C~dDIiaKskthVsmfnRIa9ADFwywDCcI7y5nUN6yVpISuRpYqoUmpbFiI3Df84ZYyXaa6vhfQu1U3CGw__&Key-Pair-Id=APKAIYEVFIMHKY7YWGKA",
      "thumbnail_url": "https://cameratag.com/videos/00012710-4b65-0131-ffe6-22000a499ea4/720p/thumb.png",
      "small_thumbnail_url": "https://cameratag.com/videos/00012710-4b65-0131-ffe6-22000a499ea4/720p/small_thumb.png",
      "state": "COMPLETED",
      "completed_at": "2013-12-20T05:30:12.000Z",
      "length": 195
    }
  ],
  "plays": 0
}

---

它将在对Ajax Post调用的响应中发送一个JSON字符串。您可以在回调函数中执行JSON.parse（response）以获取JSON/Javascript对象。您可以提供示例API URL或提供JSON响应吗？这不是对AJAX或任何其他请求的响应。OP指的是CameraTag提供的功能。该服务功能的用户应该在自己的web服务器上构建一个页面，该页面可以接收正文中包含JSON的POST请求。完成此操作后，用户将使用新页面的URL配置服务器回调功能（可在CameraTag的设置选项卡上找到）。然后，每次该服务为用户处理一个视频时，该服务都会将有关该视频的JSON发布到页面上。因此，答案是浏览器中的Javascript无法做到这一点，您需要一个服务器。演示如何在PHP中执行此操作。

    {
  "uuid": "00012710-4b65-0131-ffe6-22000a499ea4",
  "camera_uuid": "98373a20-79ee-0130-3e42-1231390fcc11",
  "created_at": "2013-12-20T05:25:02.000Z",
  "percent_complete": 100,
  "short_code": "KKtB4Q",
  "metadata": {
  },
  "state": "published",
  "recorded_from": "http://singwho.com",
  "publish_type": null,
  "formats": [
    {
      "name": "720p",
      "width": 1280,
      "height": 720,
      "video_url": "https://cameratag.com/videos/00012710-4b65-0131-ffe6-22000a499ea4/720p/mp4.mp4",
      "flv_url": null,
      "flv_stream": null,
      "mp4_url": "https://cameratag.com/videos/00012710-4b65-0131-ffe6-22000a499ea4/720p/mp4.mp4",
      "mp4_stream": "rtmp://sa0xpxq1vz1ri.cloudfront.net/cfx/st&mp4:98373a20-79ee-0130-3e42-1231390fcc11/00012710-4b65-0131-ffe6-22000a499ea4_720p.mp4?Expires=1436892019&Signature=OhVUCK0GGLSNiaO~2MVp03YPmb9xcYQnbKMFfRaZsVwerQtdwF9Kcf~fKyg1vQH9HYZdoeADXmszRxpxi2Np6FH8YloVFjPFjOkBPJEQ0Z4IWh6hKbWD8hL861kSFKKrEBNgxSJeTG1F8XpXMISRTYhZ11G3FRoZwg42CwKIP0w0LqQnIwz5Hi0yw35AgQRn1zBBEYqBBkR~QhW9OyLkU5K15b0-RnOH~EmDXUzGJQHBkGgSyCXY0D41Ak~~Co0ocqJD9Phe2ZfA7Qy-JHWwLHr66bQuP3g~E3CgGo0-vtCphnWrxDTxgNezP~SRI~BWrvlljVwPWF5LZXy5ByTf1w__&Key-Pair-Id=APKAIYEVFIMHKY7YWGKA",
      "webm_url": "https://cameratag.com/videos/00012710-4b65-0131-ffe6-22000a499ea4/720p/webm.webm",
      "webm_stream": "rtmp://sa0xpxq1vz1ri.cloudfront.net/cfx/st&webm:98373a20-79ee-0130-3e42-1231390fcc11/00012710-4b65-0131-ffe6-22000a499ea4_720p.webm?Expires=1436892019&Signature=PDL1Bubk6QkW-kNRm9GhHFAxdNdA57S6S0YM1hgM5SuHYULS84dOXcYz~LjPFd-bjgOJDWdEONfv60SqcFkN0cy93BHbs1Pk3bNLW-y0VFnMzIuT8QmEWuO60Yt8Bg7IJdvtph3Jmtolay9VFL~ZPTcX1ljhPKbBiZzIhuzfMtBChQrGXAb19jG6Rv8bxrST8aR~EuC31XFQ4LlN-L8G~pkf9s-DOquNvYUnkv-0hIyiDHG4gZZKurNYyz8ZVZRh0ZKTby2C~dDIiaKskthVsmfnRIa9ADFwywDCcI7y5nUN6yVpISuRpYqoUmpbFiI3Df84ZYyXaa6vhfQu1U3CGw__&Key-Pair-Id=APKAIYEVFIMHKY7YWGKA",
      "thumbnail_url": "https://cameratag.com/videos/00012710-4b65-0131-ffe6-22000a499ea4/720p/thumb.png",
      "small_thumbnail_url": "https://cameratag.com/videos/00012710-4b65-0131-ffe6-22000a499ea4/720p/small_thumb.png",
      "state": "COMPLETED",
      "completed_at": "2013-12-20T05:30:12.000Z",
      "length": 195
    }
  ],
  "plays": 0
}