没有遍历整个json数组对象

时间:2019-05-15 22:01:24

标签: javascript ajax loops xmlhttprequest

我正在使用XAMPP Apache来执行来自json文件的XMLHTTP Javascript(AJAX)请求,但是我仅遍历两个(2)条目,而不是遍历整个数组四或五(5)。我相信我的“下一个”和“上一个”函数中的循环代码都存在问题。击中下一个按钮使我可以继续前进,而击中上一个按钮可以使我后退,但只能通过两次(2

function next(xhttp) {
  var i = 0,
    len;
  //var xhttp;
  //xhttp = new XMLHttpRequest();
  var users = JSON.parse(xhttp.responseText);
  len = users.length;
  if (i < len - 1) {
    i++;
  }
  var usersText = '';
  usersText +=
    '<div class="next">' +
    'ID: ' + users[i].id + '<br>' +
    'Name: ' + users[i].name + '<br>' +
    'Email: ' + users[i].email;

  document.getElementById("usersNav").innerHTML = usersText;
}

function previous(xhttp) {
  var i = 0,
    len;
  //var xhttp;
  //xhttp = new XMLHttpRequest();
  var users = JSON.parse(xhttp.responseText);
  len = users.length
  if (i > 0) {
    i--;
  }

  var usersText2 = '';
  usersText2 +=
    '<div class="prev">' +
    'ID: ' + users[i].id[navigation image][1] + '<br>' +
    'Name: ' + users[i].name + '<br>' +
    'Email: ' + users[i].email;

  document.getElementById("usersNav").innerHTML = usersText2;
}
<button type="button" onclick="loadDoc('users.json',previous)"><<</button>
<button type="button" onclick="loadDoc('users.json',next)">>></button>

我只有两个条目可以切换。...如果我单击下一个和上一个。我应该得到大约4-5的所有条目。

0 个答案:

没有答案