1

esta vez estoy en esta parte algo atascada, necesito traer los elementos de un JSON, uno a la vez, pero que por cada vez que se ejecute la function me traiga el siguiente en el JSON, en orden, y que al llegar al ultimo elemento vuelva a empezar a mostrarme desde el primer elemento.

function datos(){
  $.get("https://api.myjson.com/bins/ec20e",
  function (data) {
  datone = data[0].uno;
  document.getElementById("traer").innerHTML = datone;
  }, "json");
}
<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>

sinceramente no tengo la mas mínima idea de hacerlo, sorry. espero puedan entenderme, resumiendo; desde el primer click en el btn, mostrara el uno, luego el dos, tres hasta llegar al diez que es el ultimo del JSON, y cuando así lo haga se reinicie y empieza desde el uno nuevamente.

1
  • Se me ocurre un contador, que lleve la cantidad de clics y asi, sabras que datos mostrar y que si llega a 10 lo reinicies.
    – BadBios
    Commented el 15 may. 2018 a las 22:03

1 respuesta 1

2

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>

5
  • Una pregunta. En caso de que sean 50, tendria que hacer 50 case ?
    – BadBios
    Commented el 15 may. 2018 a las 22:11
  • Si fueran 50, probablemente buscaria una mejor solucion.
    – alanfcm
    Commented el 15 may. 2018 a las 22:12
  • gracias! super, pues @alanfcm la cosa es que realmente son para aproximadamente 150 elementos, 150 cases? Agradecida.
    – Gabriela
    Commented el 15 may. 2018 a las 22:14
  • Ya edite mi respuesta. 150 cases is out of the question.
    – alanfcm
    Commented el 15 may. 2018 a las 22:22
  • @alanfcm bárbaro, DIOS te bendiga. Gracias!
    – Gabriela
    Commented el 15 may. 2018 a las 22:29

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.