使用fetch API从url获取JSON,是否有函数允许我为接收到的JSON的每个字符串创建唯一的DIV?

igsr9ssn  于 2022-11-19  发布在  其他
关注(0)|答案(1)|浏览(67)

使用 类似 这样 的 代码 获取 JSON

fetch('https://jsonplaceholder.typicode.com/posts')

中 的 每 一 个
是否 有 一 个 JS 函数 允许 我 为 接收 到 的 JSON 中 的 每个 字符 串 创建 一 个 div ?
我 已经 尝试 修改 下面 的 代码 来 满足 我 的 需要 , 但是 一直 失败 。

const promise = fetch ( 'https://jsonplaceholder.typicode.com/posts');
  promise .then (( response ) => {  
  return response.json ();
  })
  .then(data => {
    data.forEach(sentence => {
      const markup = `
        <p>${sentence.title}</p>
        <p>${sentence.body}</p>
      `;
      document.querySelector('.square').insertAdjacentHTML('beforeend', markup)
    });
  })
  .catch(error => console.log(error));

格式

相关问题