JSONP 传递 api 密钥答案

【问题标题】：JSONP pass api keyJSONP 传递 api 密钥
【发布时间】：2013-03-21 20:29:41
【问题描述】：

我有一个 arduino 将传感器数据上传到 cosm.com。我在本地 Web 服务器上创建了一个简单的网页来查询 cosm.com API 并打印出值。

问题是，如果我没有在另一个选项卡中登录 cosm.com，我会收到此弹出窗口。

解决方案是将我的公钥传递给 cosm.com，但我在这里有点不知所措。

文档提供了如何在 curl 中执行此操作的示例，但不是 javascript

curl --request GET --header "X-ApiKey: -Ux_JTwgP-8pje981acMa5811-mSAKxpR3VRUHRFQ3RBUT0g" https://api.cosm.com/v2/feeds/120687/datastreams/sensor_reading

如何将我的密钥传递到 url？：

function getJson() {
$.ajax({
    type:'GET',
    url:"https://api.cosm.com/v2/feeds/120687/datastreams/sensor_reading",

//This line isn't working
    data:"X-ApiKey: -Ux_JTwgP-8pje981acMa5811-mSAKxpR3VRUHRFQ3RBUT0g",

    success:function(feed) {

     var currentSensorValue = feed.current_value;
      $('#rawData').html( currentSensorValue );
    },
    dataType:'jsonp'
});
}

更新： 一定是可能的，因为 hurl.it 能够查询 api http://www.hurl.it/hurls/75502ac851ebc7e195aa26c62718f58fecc4a341/47ad3b36639001c3a663e716ccdf3840352645f1

更新 2： 虽然我从来没有得到这个工作，但我确实找到了解决办法。 Cosm 有自己的 javascript 库，可以满足我的需求。

http://cosm.github.com/cosm-js/ http://jsfiddle.net/spuder/nvxQ2/5/

【问题讨论】：

标签： ajax rest jsonp cosm xively

【解决方案1】：

使用CosmJS 应该更容易让它工作。它是官方支持的库，提供 Cosm API 的全面覆盖。

【讨论】：

【解决方案2】：

您需要将其作为标题发送，而不是作为查询字符串发送，所以试试这个：

function getJson() {
  $.ajax({
    type:'GET',
    url:"https://api.cosm.com/v2/feeds/120687/datastreams/sensor_reading",
    headers:{"X-ApiKey": "-Ux_JTwgP-8pje981acMa5811-mSAKxpR3VRUHRFQ3RBUT0g"},
    success:function(feed) {
     var currentSensorValue = feed.current_value;
      $('#rawData').html( currentSensorValue );
    },
    dataType:'jsonp'
  });
}

【讨论】：

谢谢，这看起来真的很接近。我还没有完全让它工作。 jsfiddle.net/spuder/Bsg7E/10
@spuder 也许 API 没有发送允许您发送自定义标头所必需的标头。
虽然这在我的情况下不起作用，但这确实解释了原理。我标记为已回答。