Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

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