xhr api request

by John Kiran

HTML

<p id="demo">this text.</p>

JavaScript

//requests and returns promise
function get(url) {
	return new Promise(
  	function (resolve,reject) {
			let xhr=new XMLHttpRequest();
      xhr.open('GET',url,true);
      xhr.onload=function () {
      	if(xhr.status==200) {
        	resolve(xhr.response);
        } else {
        	reject("Error");
        }
      };
      xhr.send();
    }
  );
}

//calling
get("https://reqres.in/api/users/2").then(
	function (response) {
    printData(response);
  }, function (error) {
    printError(error);	
  }
);

//prints data
function printData(response) {
  document.getElementById("demo").innerHTML = response;
}

//prints error
function printError(error) {
	document.getElementById("demo").innerHTML = error;
}














/* let xhr=new XMLHttpRequest();
let promise=new Promise(function (resolve,reject) {
  getRequest();
});



function getRequest() {	
  xhr.open("GET","https://reqres.in/api/users/2",true);
  xhr.send();
  getData();
  
}
function getData() {
  xhr.onload=function () {
  console.log(xhr.responseText);
  printData();
  
}; */

//}

//getRequest();