From 697000b19ba63342475f554f0cc112c03fe8a344 Mon Sep 17 00:00:00 2001 From: Shannon Date: Tue, 26 Jan 2021 21:21:21 -0500 Subject: [PATCH 1/2] Ajax Lab --- index.html | 23 +++++++++++++++++++++++ main.js | 27 +++++++++++++++++++++++++++ 2 files changed, 50 insertions(+) create mode 100644 index.html create mode 100644 main.js diff --git a/index.html b/index.html new file mode 100644 index 0000000..3cec244 --- /dev/null +++ b/index.html @@ -0,0 +1,23 @@ + + + + + + Ajax Dog + + + + random dog + +
+ + + + + + + + + + + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..fd21a98 --- /dev/null +++ b/main.js @@ -0,0 +1,27 @@ +let xhr = new XMLHttpRequest(); +xhr.onreadystatechange = function() { + if (this.readyState === 4 && this.status === 200) { + let data = JSON.parse(this.responseText); + document.getElementById('dogimg').src = data.message; + console.log(data.message); + + + } + +}; + function sendAJAX() { + xhr.open('GET', `https://dog.ceo/api/breeds/image/random/3`); + xhr.send(); + } + // let dogImg = new Image(); + // dogImg.src = "https://images.dog.ceo/breeds/husky/n02110185_11396.jpg"; + +// } + + +xhr.open('GET', `https://dog.ceo/api/breeds/image/random`); + + +xhr.send(); +//document.getElementById('load').style.display = "none"; + From 8a75158bd0650344881c6506431fcc98a30887c5 Mon Sep 17 00:00:00 2001 From: Shannon Date: Thu, 28 Jan 2021 22:08:43 -0500 Subject: [PATCH 2/2] Ajax Lab dog pics --- index.html | 4 +++- main.js | 10 +++++----- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 3cec244..d7c23f5 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,9 @@ - random dog + random dog + random dog1 + random dog2
diff --git a/main.js b/main.js index fd21a98..e5d68cd 100644 --- a/main.js +++ b/main.js @@ -2,10 +2,10 @@ let xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (this.readyState === 4 && this.status === 200) { let data = JSON.parse(this.responseText); - document.getElementById('dogimg').src = data.message; + document.getElementById('dogimg').src = data.message[0]; + document.getElementById('dogimg1').src = data.message[1]; + document.getElementById('dogimg2').src = data.message[2]; console.log(data.message); - - } }; @@ -19,9 +19,9 @@ xhr.onreadystatechange = function() { // } -xhr.open('GET', `https://dog.ceo/api/breeds/image/random`); +//xhr.open('GET', `https://dog.ceo/api/breeds/image/random`); -xhr.send(); +//xhr.send(); //document.getElementById('load').style.display = "none";