diff --git a/js/main.js b/js/main.js index 03302d7..c2e605f 100644 --- a/js/main.js +++ b/js/main.js @@ -1,3 +1,23 @@ +function displayResult(firstname, lastname, number, email){ + + //Display Name + var Name = document.createElement("h1"); + var fname = document.createTextNode(firstname + " " + lastname); + Name.appendChild(fname); + document.querySelector("#results").appendChild(Name); + //Display Number + var Num = document.createElement("h3"); + var fNum = document.createTextNode(number); + Num.appendChild(fNum); + document.querySelector("#results").appendChild(Num); + + //Display Email + var Email = document.createElement("h3"); + var fEmail = document.createTextNode(email); + Num.appendChild(fEmail); + document.querySelector("#results").appendChild(Email); +} + function getJSON(jsonFile){ var ajaxCall = new XMLHttpRequest(); var url = jsonFile; @@ -7,13 +27,19 @@ function getJSON(jsonFile){ if (ajaxCall.readyState == 4 && ajaxCall.status == 200){ var JsonObject = JSON.parse(ajaxCall.responseText); + + for(i = 0;i < JsonObject.length; i++){ + console.log(JsonObject[i].firstname); + + displayResult(JsonObject[i].firstname, JsonObject[i].lastname, JsonObject[i].phone, JsonObject[i].email); + + } - return(JsonObject); } } ajaxCall.open("GET", url, true); ajaxCall.send(); -} -console.log(getJSON("//phonebk.develop.digitalmediauconn.org/phonebook.php?do=getAllPeople")); +} +getJSON("http://phonebk.develop.digitalmediauconn.org/phonebook.php?do=getAllPeople") \ No newline at end of file