使用JavaScript从另一个页面获取HTML

Question

我有一系列可折叠的按钮，并且正在尝试制作它，以便当单击一个按钮时，将显示另一个页面的html（名称为content.html）。我一直在研究所有人的话语，并看到了2种流行的选择：ajax和fetching。我已经尝试过这两种方法，并且显然由于我在这里，所以它们中的任何一个都无法正常工作。

我可折叠的代码可以在这里看到：

var coll = document.getElementsByClassName("collapsible");
var i;

for (i = 0; i < coll.length; i++) {
    coll[i].addEventListener("click", function() {
        this.classList.toggle("active");
        var content = this.nextElementSibling;
        if (content.style.display === "block") {
            content.style.display = "none";
        } else {
          /////CODE GOES HERE
          content.style.display = "block";
        }
    });
}

现在，我发现可以通过执行content.innerHTML = ......来完成可折叠部分中需要显示的任何内容>

这里是我尝试通过ajax进行操作（此代码将是/////CODE GOES HERE注释所在的位置

$.ajax({
    type: "POST",
    url: "content.html",
    data: {id:this.id},
    success: function(msg){
        content.innerHTML = msg;
    } 
});
以及我通过获取的尝试：

fetch('content.html')
.then(function (response) {
  content.innerHTML = response;
})
.then(function (body) {
  console.log(body);
});
我整天都在工作，很坦率地说，我不知道其中两个是否都接近。我可以使用一些主要帮助。如果有人能指出正确的方向，我将不胜感激！！！

我有一系列可折叠的按钮，并且正在尝试制作它，以便当单击一个按钮时，将显示另一个页面的HTML（名为content.html）。我一直在研究所有的说法，并具有...