From b6861126d49db38aad7e4df3161217dbe8e2abfa Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Mon, 25 Jan 2021 23:41:48 -0500 Subject: [PATCH 1/2] AJAX html file --- ajax.html | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 ajax.html diff --git a/ajax.html b/ajax.html new file mode 100644 index 0000000..784e38b --- /dev/null +++ b/ajax.html @@ -0,0 +1,19 @@ + + + + + + Dog API + + + + +
+ + + +
+ + + + \ No newline at end of file From 29a3a092f35b457e4a1f65458311c1ebaed31b81 Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Mon, 25 Jan 2021 23:42:25 -0500 Subject: [PATCH 2/2] AJAX JS codes --- aj.js | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 aj.js diff --git a/aj.js b/aj.js new file mode 100644 index 0000000..b760317 --- /dev/null +++ b/aj.js @@ -0,0 +1,29 @@ + +// Generate XML HTTP request object + +let request = new XMLHttpRequest(); + +// Create call back function + +request.onreadystatechange = function () { + if (request.readyState === 4) { + let image = JSON.parse(request.responseText); + console.log(request.responseText); + document.getElementById('image1').src = image.message[0]; + document.getElementById('image2').src = image.message[1]; + document.getElementById('image3').src = image.message[2]; + } +}; + +// calling button function + +function sendAJAX() { + +// Open request by using GET method + +request.open('GET', 'https://dog.ceo/api/breeds/image/random/3'); + +// Send request + + request.send(); +} \ No newline at end of file