Skip to main content
se eliminaron 597 caracteres en el cuerpo
Origen Enlace
alanfcm
  • 20.9k
  • 11
  • 19
  • 35

Como ya te dijeron en un comentario, yo lo haria asi:

var data1 = [];
var keys = [];
$.get("https://api.myjson.com/bins/ec20e",
  function (data) {
  data1 = data;
  keys = Object.getOwnPropertyNames(data1[0]);      
}, "json");

var i = 0;
function datos(){
  switch (i) {
    case 0:
      datone = data1[0].uno;
      break;
    case 1:
      datone = data1[0].dos;
      break;
    case 2:
      datone = data1[0].tres;
      break;
    case 3:
      datone = data1[0].cuatro;
      break;
    case 4:
      datone = data1[0].cinco;
      break;
    case 5:
      datone = data1[0].seis;
      break;
    case 6:
      datone = data1[0].siete;
      break;
    case 7:
      datone = data1[0].ocho;
      break;
    case 8:
      datone = data1[0].nueve;
      break;
    case 9:
   data1[0][keys[i]];   datone = data1[0].diez;
      break;
  }
  document.getElementById("traer").innerHTML = datone; 
  if (i < 9keys.length - 1) {
    i++;
  } else {
    i = 0;
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="datos();">datos</button>
<br>
Elemento de json en orden: <span class="traer" id="traer"></span>

Como ya te dijeron en un comentario, yo lo haria asi:

var data1 = [];
$.get("https://api.myjson.com/bins/ec20e",
  function (data) {
  data1 = data;      
}, "json");

var i = 0;
function datos(){
  switch (i) {
    case 0:
      datone = data1[0].uno;
      break;
    case 1:
      datone = data1[0].dos;
      break;
    case 2:
      datone = data1[0].tres;
      break;
    case 3:
      datone = data1[0].cuatro;
      break;
    case 4:
      datone = data1[0].cinco;
      break;
    case 5:
      datone = data1[0].seis;
      break;
    case 6:
      datone = data1[0].siete;
      break;
    case 7:
      datone = data1[0].ocho;
      break;
    case 8:
      datone = data1[0].nueve;
      break;
    case 9:
      datone = data1[0].diez;
      break;
  }
  document.getElementById("traer").innerHTML = datone; 
  if (i < 9) {
    i++;
  } else {
    i = 0;
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="datos();">datos</button>
<br>
Elemento de json en orden: <span class="traer" id="traer"></span>

Como ya te dijeron en un comentario, yo lo haria asi:

var data1 = [];
var keys = [];
$.get("https://api.myjson.com/bins/ec20e",
  function (data) {
  data1 = data;
  keys = Object.getOwnPropertyNames(data1[0]);      
}, "json");

var i = 0;
function datos(){
  datone = data1[0][keys[i]];          
  document.getElementById("traer").innerHTML = datone; 
  if (i < keys.length - 1) {
    i++;
  } else {
    i = 0;
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="datos();">datos</button>
<br>
Elemento de json en orden: <span class="traer" id="traer"></span>

Origen Enlace
alanfcm
  • 20.9k
  • 11
  • 19
  • 35

Como ya te dijeron en un comentario, yo lo haria asi:

var data1 = [];
$.get("https://api.myjson.com/bins/ec20e",
  function (data) {
  data1 = data;      
}, "json");

var i = 0;
function datos(){
  switch (i) {
    case 0:
      datone = data1[0].uno;
      break;
    case 1:
      datone = data1[0].dos;
      break;
    case 2:
      datone = data1[0].tres;
      break;
    case 3:
      datone = data1[0].cuatro;
      break;
    case 4:
      datone = data1[0].cinco;
      break;
    case 5:
      datone = data1[0].seis;
      break;
    case 6:
      datone = data1[0].siete;
      break;
    case 7:
      datone = data1[0].ocho;
      break;
    case 8:
      datone = data1[0].nueve;
      break;
    case 9:
      datone = data1[0].diez;
      break;
  }
  document.getElementById("traer").innerHTML = datone; 
  if (i < 9) {
    i++;
  } else {
    i = 0;
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="datos();">datos</button>
<br>
Elemento de json en orden: <span class="traer" id="traer"></span>