$.get() 和 fetch() 获取 HTML 正文答案

【问题标题】：$.get() and fetch() getting HTML body$.get() 和 fetch() 获取 HTML 正文
【发布时间】：2016-06-24 23:58:24
【问题描述】：

我遇到了一个小问题。将 js 文件从 jQuery 重写为原生 JS，在 jQuery 中我们使用：

$.get(`/page`, function (data) {
        elem.html(data);
}

基本上我们从“/page”获取正文并将其推送到 elem.innerHTML。

但是如何使用 fetch() 而不是 .get() 获取 html 正文？

【问题讨论】：

【解决方案1】：

这看起来是等价的：

fetch('/page').then(function(response) {
    return response.text();
}).then(function(string) {
    elem.innerHTML = string;
});

fetch() 返回一个解析为 Response 对象的承诺。 Response 的 text() 方法返回一个以字符串形式解析为响应正文的承诺。然后将该字符串放入 HTML。

【讨论】：

这个我试过了，还是不行，所以我很困惑
我使用的是 jQuery .html() 方法。我已将其更改为纯 JS .innerHTML。我刚刚测试了它，它可以工作。
这行得通！ fetch('/page').then(res => { response.text().then(string => { elem.innerHTML = string})});这不是，为什么？ fetch('/page').then(res => { return response.text()}).then(string => { elem.innerHTML = string});
都不应该工作，因为您使用res作为参数名称，但在函数体中使用response。
当我修复错字时，第二个对我有用：jsfiddle.net/jkhxzdkg/2