JSFiddle - React, Tailwind, and code Playground

get external json in jfiddle

by abubelinha

HTML

<div id="result" style="color:red"></div>

JavaScript

var getJSONpromise = function(url) {
  return new Promise(function(resolve, reject) {
    var xhr = new XMLHttpRequest();
    xhr.open('get', url, true);
    xhr.responseType = 'json';
    xhr.onload = function() {
      var status = xhr.status;
      if (status == 200) {
        resolve(xhr.response);
      } else {
        reject(status);
      }
    };
    xhr.send();
  });
};
var jsonDataUrl = 'https://ideg.xunta.es/servizos/rest/services/MapasBase/PNOA_2014/MapServer/?f=pjson';
jsonDataUrl = 'https://script.google.com/macros/s/AKfycbx-W6mvfL1EK-qusc7hwMTwYSRBM81Jl7BawxnnYtFRtBnq81I/exec?lacenas=';
function procesarosa(mijson) {
  result.innerText=JSON.stringify(mijson.length);
  var fila,rollo;
  for(i=0;i<5;i++){
  	fila=mijson[i]; rollo='';
    for(c=0;c<fila.length;c++) {
      rollo+=	c+':'+fila[c]+' /// ';
    }
    result.innerText += '\n'+i+': '+rollo; //mijson[i] + result.innerText;
  }
  for(i=0;i<100;i++) {
    result.innerText += '\n'+i+': '+mijson[i][0]+'-'+mijson[i][1]; 
    if(mijson[i][7]<2) result.innerText+=' or.'+mijson[i][22];
  }
} 
getJSONpromise(jsonDataUrl).then(function(data) {
    alert('Your Json result is:  ' + data +' (length: '+data.length+')'); //you can comment this, i used it to debug
    procesarosa(data);
//    result.innerText ='\n\n'+ JSON.stringify(data.length); //display the result in an HTML element
}, function(status) { //error detection....
  alert('Something went wrong.');
});