json - 在 AMP 中显示通过 AJAX 调用的 JSON 中的内容

Question

我正在尝试实现一个站点的 AMP 版本，该站点正在调用第 3 方休息端点。端点提供 JSON 数据，部分数据应显示在网站上。

我已经尝试过 amp-list，这对我没有帮助，因为称为 JSON 的不是数组。amp-bind 也无济于事，因为我不想在单击按钮后更改内容，它最初应该在那里。

帮助理解我的问题的小示例代码：

3rd Party API 提供的 JSON 看起来像

a: {
  aHead:'aHead',
  aBody:'aBody'
},
b: {
  bHead:'bHead',
  bBody:'bBody'  
}

然后我想在我的 .html 中访问该 JSON 对象的值，类似于这个伪代码示例

<h2>{{a.aHead}}</h2>
<p>{{a.aBody}}</p>

<h2>{{b.bHead}}</h2>
<p>{{b.bBody}}</p>

Answer 1

amp-list 是这里的正确方法。内容将在页面加载时呈现。不需要用户输入。

最好的办法是代理 3P 端点并重构 JSON 结果。这还有一个额外的优势：您可以添加AMP 运行时所需的CORS 标头。