bring a different element in order at the same time, from JSON

Question

bring a different element in order at the same time, from JSON

Navigation

#1 by (2 votes)

1

This time I'm stuck in this part, I need to bring the elements of a JSON, one at a time, but for each time the function is executed, I bring the following one in the JSON, in order, and that when I arrive to the last element start again to show me from the first element.

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>

I honestly do not have the slightest idea of doing it, sorry. I hope you can understand me, summarizing; from the first click on the btn, it will show the one, then the two, three until it reaches the ten that is the last one of the JSON, and when it does, it will restart and start from the one again.

javascript jquery json

asked by Gabriela 15.05.2018 в 23:53

source

1 answer

Tour a StringGrid and TDBGrid Problem trying to order a string vector inherited from VectorString

score 2 · Accepted Answer

As they already told you in a comment, I would do it like this:

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>