javascript中请求api时,如何在Headers中添加x-microcms-api-key属性,并获取返回值中的contents数组中shop_class和name的属性

在 JavaScript 中使用 Fetch API 发起 API 请求时，可以使用 Headers 对象来添加 x-microcms-api-key 属性。代码示例如下：

// 创建 Headers 对象
const headers = new Headers();
// 添加 x-microcms-api-key 属性
headers.append("x-microcms-api-key", "your_api_key");

// 使用 Fetch API 发起请求
fetch("https://your.api.url", { headers: headers })
  .then(response => response.json())
  .then(data => {
    // 获取 contents 数组中 shop_class 和 name 的属性
    const contents = data.contents;
    contents.forEach(item => {
        console.log("shop_class:" + item.shop_class);
        console.log("name:" + item.name);
    });
  })
  .catch(error => console.log(error));

值得注意的是，上述代码假设 API 返回值是一个 JSON 对象，使用 response.json() 方法解析。如果 API 返回值是其它格式，需要使用相应的方法解析。

另外，在使用 API之前，确保你已经获得了 API key, 也就是 x-microcms-api-key 的值，并在上面的代码中替换为你自己的值。