ajax - JSONP 传递 api key

Question

我有一个 arduino 正在将传感器数据上传到 cosm.com。我在我的本地网络服务器上制作了一个简单的网页来查询 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

如何将我的 key 传递到 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/

Answer 1

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

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'
  });
}