Показать сообщение отдельно
  #1 (permalink)  
Старый 20.07.2017, 18:35
Аспирант
Отправить личное сообщение для slavAAvals Посмотреть профиль Найти все сообщения от slavAAvals
 
Регистрация: 08.12.2016
Сообщений: 49

Limit в запросе.
Не могу понять, как сделать лимит на кол-во приходящих данных чистым xhr.

window.onload = function() {
  var container = document.querySelector(".list"),
    footer = document.querySelector("footer"),
    images = [];

  var xhr = new XMLHttpRequest(),
    method = "GET",
    endpoint = "https://jsonplaceholder.typicode.com/photos";
  xhr.open(method, endpoint);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === xhr.DONE && xhr.status === 200) {
      images = JSON.parse(xhr.responseText);
      addNewBox(images);
    }
    return images;
  };
  xhr.send();

  function addNewBox(content) {
    window.addEventListener("scroll", function() {
      var x = footer.getBoundingClientRect().bottom - 100,
        y = container.getBoundingClientRect().bottom,
        c = window.innerHeight,
        i;

      if (y <= c) {
        [].forEach.call(content, function(item) {
          var el = document.createElement("div"),
            img = document.createElement("img"),
            text = document.createElement("span");
          el.className = "box";
          img.className = "img";
          text.innerHTML = item.id;
          img.setAttribute("src", item.url);
          el.appendChild(text);
          el.appendChild(img);
          container.appendChild(el);
        });
      }
    });
  }
};


Как поставить limit, как в том же axios? Хелп ми, сомбади!

Последний раз редактировалось slavAAvals, 20.07.2017 в 18:38. Причина: Забыл написать, что хотел
Ответить с цитированием