diff --git a/ajax.html b/ajax.html new file mode 100644 index 0000000..4bb17a9 --- /dev/null +++ b/ajax.html @@ -0,0 +1,20 @@ + + + + + + + AJAX + + + +
+ dogPic1 + dogPic2 + dogPic3 + +
+ + + + \ No newline at end of file diff --git a/ajax.js b/ajax.js new file mode 100644 index 0000000..f989e85 --- /dev/null +++ b/ajax.js @@ -0,0 +1,13 @@ +function newDogPic() { + let dogs = new XMLHttpRequest(); + dogs.onreadystatechange = function() { + if (this.readyState === 4 && this.status === 200) { + let doggy = JSON.parse(this.response); + document.getElementById("dogPic1").src = doggy.message[0]; + document.getElementById("dogPic2").src = doggy.message[1]; + document.getElementById("dogPic3").src = doggy.message[2]; + } + }; + dogs.open('GET', `https://dog.ceo/api/breeds/image/random/3`, true); + dogs.send(); +} \ No newline at end of file