XHR - BTFord Example - Using Promise
by sergiu079
HTML
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<div> Brian Ford's Details </div>
<div> User ID : <span id="userid"></span> </div>
<div> Name : <span id="name"></span></div>
<div> Company : <span id="company"></span></div>
<div> Blog <a id="blog"></a> </div>
<div> Location : <span id="location"></span></div>
JavaScript
function makeAjaxCall(url, methodType, callback){
return $.ajax({
url : url,
method : methodType,
dataType : "json"
})
}
// git hub url to get btford details
var URL = "https://api.github.com/users/sergiu79";
makeAjaxCall(URL, "GET").then(function(respJson){
document.getElementById("userid").innerHTML = respJson.login;
document.getElementById("name").innerHTML = respJson.name;
document.getElementById("company").innerHTML = respJson.company;
document.getElementById("blog").innerHTML = respJson.blog;
document.getElementById("location").innerHTML = respJson.location;
}, function(reason){
console.log("error in processing your request", reason);
})