Question

我正在使用提取：

  fetch('https://www.website.com/wp-json/acf/v3/options/options')
    .then(function(response) {
      return response.json();
    })
    .then(function(myJson) {
      console.log(JSON.stringify(myJson));
    });
});

如何使用ES6来获取数据字段及其文本内容；并附加到<p id="paragraph"></p>

示例数据/ JSON响应：

..'1yr_short_copy":"<p>Our 1 Year Money Back Guarantee either leaves you'..

本质上是在寻找通过fetch和ES6（非jQuery）实现此目标的最佳方法。

所需的输出：

<p id="paragraph">Our 1 Year Money Back Guarantee either leaves you....</p>

Answer 1

首先将您的JSON解析为object中的response.json，然后使用JSON.stringify(myJson)将其转换回JSON，这使其无法使用。不要那样做。只需使用您解析过的object来更新textContent的{{1}}值。

因为您的<p id="paragraph">属性以数字开头，所以只能使用括号而不是 dot 表示法来选择它。避免用数字命名对象中键的第一个字符。

1yr_short_copy

遍历JSON数据并将字段文本附加到div（ES6）

1 个答案: