使用 Javascript 從另一個文件中獲取 HTML

Question

我有一組按鈕，當我單擊它們時，我試圖顯示來自不同文件的 HTML。 我嘗試涉足 JQuery，但我決定嘗試使用 fetch

Answer 1

如果您使用 jquery，您可以嘗試使用.load()方法：

$(content).load('content.php');

---

或者，如果您仍想使用fetch方法：

fetch('content.php')
    .then(function(response) {
        var html = response.text();

        var parser = new DOMParser();

        var doc = parser.parseFromString(html, "text/html");

        content.innerHTML = doc.innerHTML;
    });

Answer 2

這是使用fetch()執行此操作的正確方法。

fetch('content.php').then(res => {
  if (response.status !== 200) {
    console.log(`Looks like there was a problem. Status Code: ${response.status}`);
    return
  }

  res.text().then(text => {
    content.innerHTML = text
  })
})