How to show status in webpage

Amanda
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
January 7, 2019

https://shopify.statuspage.io/api

 How to parse with json?

 

1 answer

0 votes
venkatesh4317 January 7, 2019

HI @Amanda

Welcome to the community!

Please have a look at the below article hope it helps

 

https://www.w3schools.com/js/js_json_parse.asp

 

and  Java Script 

https://stackoverflow.com/questions/2243710/how-to-display-status-message-on-web-page

Amanda
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
January 8, 2019

 

I've done the tutorials, not sure what I'm doing wrong:

 

<script>

function setup(){

loadJSON("https://d33g96wd23dd.statuspage.io/api/v2/summary.json", gotData, 'jsonp');

}

function gotData(data){
var output = document.getElementById('output');
output.innerHTML = data.status + ' ' + data.description;


}

</script>

<div class="w3-container w3-center" id="output">


</div>

 

OR


<div class="w3-container w3-center" id="output">


</div>

<script>

var jcontent = new XMLHttpRequest();
jcontent.open('GET', 'https://d33g96wd23dd.statuspage.io/api/v2/status.json');
jcontent.onload = function (){
var ourData = JSON.parse(jcontent.responseText);
console.log(ourData);
var output = document.getElementById('output');
output.innerHTML = jcontent.status + ' ' + jcontent.page;
};

</script>

 

 

 

Can't seem to get it working, anyone able to help?

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events