Question

我需要一些基本的帮助来确定如何调用Yummly API。

我理解JSON不是JSONP，我试图了解其中的差异，但我真的很挣扎，因为我甚至不知道从哪里开始。

我尝试使用api做一些非常简单的事情，我只想将结果打印到日志中。如果我能够达到这一点，我相信我能理解其中的差异。

我需要帮助了解要放入我的HTML文件的内容以及如何构建我的提取以便我不会得到另一个CROSS-ORIGIN-CONTROL-ERROR（我不确定错误是什么）

我认为有一种方法可以实际只是通过JSON响应请求api，我认为这可以解决我的问题。无论哪种方式，我似乎无法弄清楚如何做到这一点。任何帮助将不胜感激！

＆＃13;

fetch("https://api.yummly.com/v1/api/", {
  headers: {
    "Content-Type": "application/json",
    "X-Yummly-App-ID": "29bc3e83",
    "X-Yummly-App-Key": "e47af4293b45524b06ac7f4f37b20da4",
    "Access-Control-Allow-Origin": true
  }
}).then(function(data) {
  console.log(data)
}).catch(function(error) {
  console.log(error);
})

＆＃13;

无法加载https://api.yummly.com/v1/api/：对预检请求的响应未通过访问控制检查：“访问控制 - 允许 - 来源”＆＃39;标头的值为＆＃39; null＆＃39;这不等于提供的原产地。起源＆＃39; null＆＃39;因此不允许访问。让服务器发送带有效值的标头，或者，如果不透明的响应符合您的需要，请将请求的模式设置为“无人”状态＆＃39;在禁用CORS的情况下获取资源。

编辑：

我已经想出如何使用jQuery执行此操作。

  function displayRecipes(){
$.ajax({
  url: link(keyword()),
  type: "GET",
  dataType: "JSONP"
  }).success(function(yumData){
    yumData.matches.forEach(function(recipe){
      generateThumbnailFor(recipe);
  });
});

};

我真的不想使用jQuery。任何人都可以帮我解决如何使用普通的JavaScript进行此操作吗？

Yummly API调用Javascript JSONP

0 个答案: