Javascript 如何使用Spoonacular进行简单的API调用

我正在尝试在网页上呈现结果，以便使用Spoonacular API进行简单的成分搜索。我想硬编码调用中的成分，如下面的URL所示。我确实有一个API键，当我把下面的URL放在浏览器中时可以看到结果，但是我的脚本没有在我的HTML页面上呈现它

以下是我迄今为止所尝试的：

<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>

var xmlhttp=new XMLHttpRequest（）；
xmlhttp.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）{
var myObj=JSON.parse（this.responseText）；
document.getElementById（“demo”）.innerHTML=myObj.title；
}
};
open（“GET”https://api.spoonacular.com/recipes/findByIngredients?ingredients=bread，+面粉，+糖和数量=2“，正确）；
xmlhttp.send（）；