How to load JSON into AMP page?

Question

I have a AMP page and i need to make it dynamic. How to load Json in AMP page? My json code inside the AMP page shows 'Not a valid AMP page' Error.

Please Help.

Vasiliy vvscode Vanchuk · Accepted Answer · 2017-12-11 08:42:01Z

4

You can't do it - AMP is static HTML ( you can add dynamic only from server-side which generate the page )

Either you can check amp-state. See https://www.ampproject.org/docs/tutorials/interactivity/remote-data for more details

  <amp-state id="selected">
    <script type="application/json">
      {
        "slide": 0,
        "sku": "1001"
      }
    </script>
  </amp-state>

answered Dec 11, 2017 at 8:42

Vasiliy vvscode Vanchuk

7,1992 gold badges24 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Hello World Over a year ago

Thank you. Is there any video tutorial available for AMP development?

Vasiliy vvscode Vanchuk Over a year ago

@HelloWorld text-tutorial is pretty good ampproject.org/docs/tutorials/create

blindChicken · Accepted Answer · 2017-12-15 02:45:43Z

1

You can also use amp-list

The amp-list component fetches dynamic content from a CORS JSON endpoint. The response from the endpoint contains data, which is rendered in the specified template.

answered Dec 15, 2017 at 2:45

blindChicken

3924 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to load JSON into AMP page?

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related