javascript - 如何使用 Spoonacular 进行简单的 API 调用
问题描述
我正在尝试在网页上呈现结果,以便使用 Spoonacular API 进行简单的成分搜索。我想对调用中的成分进行硬编码,如下面的 URL 所示。当我将以下 URL 放入浏览器时,我确实有一个 API 密钥并看到了结果,但是我的脚本没有在我的 HTML 页面上呈现它。
https://api.spoonacular.com/recipes/findByIngredients?ingredients=apples,+flour,+sugar&number=2
这是我到目前为止所尝试的:
<p id="demo"></p>
<script>
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.title;
}
};
xmlhttp.open("GET", "https://api.spoonacular.com/recipes/findByIngredients?ingredients=bread,+flour,+sugar&number=2", true);
xmlhttp.send();
</script>
https://spoonacular.com/food-api/docs#Search-Recipes-by-Ingredients
解决方案
推荐阅读
- python - 如何在 Python 中使用我自己的核函数进行贝叶斯优化
- r - 使用 dplyr 在不同的标准上进行多次变异
- android - Canvas.drawText:EmojiCompat 问题(Android - Java)
- html - AccountsController#profile 中的 ActionView::SyntaxErrorInTemplate
- php - Symfony finder 中文件元素的默认顺序是什么?
- angular - Angular:如何在不需要开启 SSR 的情况下注入一些静态的预渲染页面
- asp.net - 多 AOS 环境中的 AX 2009 Business Connector LogonSystemChangedException
- android - 跨平台移动技术中的原生 android/ios 组件支持
- google-cloud-platform - 如何在 Google Cloud Platform 的 AutoML 自定义实体提取模型中注释 PDF 文件?
- highcharts - Highcharts 9.0.1 抛出错误'highstock.js:178 错误:
属性 y:预期长度,“NaNNaNNaN”。