AJAX

Asynchronous JavaScript And XML

• https://en.wikipedia.org/wiki/Ajax_(programming)
• http://www.w3schools.com/xml/ajax_intro.asp (instead of XMLHttpRequest we'll be using fetch())
• http://www.json.org/
• https://github.com/mattpe/wbma/blob/master/docs/w3-promises.
• https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
• https://github.com/github/fetch -fetch polyfill
• https://davidwalsh.name/fetch

Get Started

• Save this repository as zip git clone https://github.com/ilkkamtk/BCW2.git adn extract it

Task A

• Create an AJAX application which fethes HTML-document and displays it on web page
• Use images.html as source for HTML
• Open task-a.html and js/main-a.js
• Check comments in js/main-a.js for more instructions
• Some help: https://developer.mozilla.org/en-US/docs/Web/API/Body/text

Tehtävä B

• Create an AJAX application which fethes data from JSON-document and displays it on web page
• Use images.json as source for data
• Open task-b.html and js/main-b.js
• Check comments in js/main-b.js for more instructions
• Some help:
  • https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#String_operators
  • http://wesbos.com/template-strings-html/
  • https://developer.mozilla.org/en-US/docs/Web/API/Body/json

Tehtävä C

• Create similar AJAX application as in task B
• Use DOM methods to build the HTML
• Open task-c.html and js/main-c.js
• Check comments in js/main-c.js for more instructions
• Some help: http://www.w3schools.com/js/js_htmldom_nodes.asp