Network Example App

Update this HTML block by clicking below



Click will run a script to fetch /api/card as a json object with a hard coded value of HTML content.


Update this HTML block by clicking below



Click will run a similar script to fetch /api/card using async await syntax. This script selects 3 empty HTML containers and fills in similar HTML from the JSON response object.


Update this HTML block by clicking below



Click will run a script to run an XMLHttpRequest() to /api/card as a json object with a hard coded value of HTML content.


Update this HTML block by clicking below





Click will run a script to collect form data and post it to /api/card.


Update this HTML block by clicking below




Click will run a script to collect form data and post it to /api/axios.





See the complete code + Node server code at my Github repo.