Как сделать вывод последних записей из бд?

Question

[arti_djeims]

Есть вывод всех записей из бд

xmlhttp.onload = function () {
    if (xmlhttp.status === 200) {
        var userInfo = JSON.parse(this.responseText);
        console.log(this.responseText);

        var arr = userInfo.results.reverse();
        var text = "";
        for (var i = 0; i < arr.length; i++) {
            text += '<div class="blog-post"><div class="blog-header">'+arr[i].title + '</div><br><img  width="560px;" src="' + arr[i].img + '"><br><div class="blog-text">' + arr[i].text + '</div><div class="blog-share"><a href="http://gamer-by-life.com/share/?title='+arr[i].title + '&text='+arr[i].text + '&img='+arr[i].img + '"><img src="share.png"></a></div><br></div><br>';

        }

как сделать что бы именно последние 10 выводились ?

Я так понимаю что то в этой строке,

for (var i = 0; i < arr.length; i++) {

Я просто не пойму, как это сделать. Нужна ваша помощь!

Answer 1

[Y0Y]

Логичнее было бы изменить количество и порядок записей с серверной стороны и не отдавать на клиент бесполезные байты. Иначе, в дальнейшем, загрузка видимых 10 записей будет тянуть за собой еще 1000 ненужных.

Answer 2

[xmoonlight]

if (arr.length<10) from=10; else from=arr.length;
for (var i = from-10; i < arr.length; i++) {

Вообще, количество записей задаются в запросе к БД...

Comments

[arti_djeims]

это самая последняя будет выводиться, или что ?

[xmoonlight]

arti_djeims: это цикл в обратном порядке.

[arti_djeims]

этот код просто выводит самые первые записи в начало

[arti_djeims]

как сделать что бы именно последнии а не первые (10 записей показывало - а не все)

[xmoonlight]

arti_djeims: обновил...

[arti_djeims]

если сделать так то оно просто прячит первые 10 записей - а не выводит последнии 10

[xmoonlight]

arti_djeims: вот обновил снова....

[arti_djeims]

xmoonlight: а этот код скрывает последнии 10

[xmoonlight]

arti_djeims: да, ошибся.... поправил...

[arti_djeims]

xmoonlight: не а, выводит первые 10 :)

[xmoonlight]

arti_djeims: это как?!

[arti_djeims]

xmoonlight: ну вот так, я не знаю показывает первые 10 тогда а нужно последнии 10

Answer 3

[Vladislav Dragalev]

Попробуйте:

for (var i = arr.length-10; i < arr.length; i++) {
    ...
}

Должно работать если записей 10 или больше.
Если нужна проверка (записей например 6), то :

if(arr.length > 10) {
  for (var i = arr.length-10; i < arr.length; i++) {
      ...
  }
}
else {
  for (var i = 0; i < arr.length; i++) {
      ...
  }
}

И еще, что бы заработало, измените строчку
var arr = userInfo.results.reverse();
на
var arr = userInfo.results;
Иначе результаты полученные в userInfo у вас местами меняются последние с первыми.
С теми данными что вы дали код отработал у меня и вывел записи с 7 по 16.

Comments

[arti_djeims]

выводит от 2 до 11 записи

[arti_djeims]

а если еще и заменить строку на var arr = userInfo; то тогда вообще ничего не выводит

[Vladislav Dragalev]

arti_djeims: исправил) немного с удалением метода переборщил

[arti_djeims]

Vladislav Dragalev: все равно от 2 до 11 выводит

[Vladislav Dragalev]

arti_djeims: Если не затруднит, выложи запрос который ты делаешь и результат который тебе приходит)

[arti_djeims]

xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "https://api.parse.com/1/classes/Blog", true);

xmlhttp.setRequestHeader('Content-Type', 'application/json');
xmlhttp.setRequestHeader('X-Parse-Application-Id', 'GKid48BAvytRnKn8Y8CFKiKQ8jIJSYwpUsr1vID1');
xmlhttp.setRequestHeader('X-Parse-REST-API-Key', '6bnW8hVQNvuLQYiDiXvMHwIvV0inEne93gLzOC0A');

xmlhttp.onload = function () {
if (xmlhttp.status === 200) {
var userInfo = JSON.parse(this.responseText);
console.log(this.responseText);

var arr = userInfo.results.reverse();
var text = "";
for (var i = 0; i < arr.length; i++) {
text += ''+arr[i].title + '

' + arr[i].text + '

';

}

document.getElementById('blogs').innerHTML=text;

}
};

xmlhttp.send();

[arti_djeims]

вот что приходит

[arti_djeims]

{"results":[{"createdAt":"2015-08-31T14:48:57.643Z","img":"https://pp.vk.me/c624920/v624920034/38fc2/mRqKOxuL...","objectId":"ngvJjQOBKi","text":"\u0026 test text about something","title":"Test","updatedAt":"2015-08-31T16:06:08.243Z"},{"createdAt":"2015-08-31T17:11:08.506Z","objectId":"oVrqT0PRbA","text":"just for test","title":"2","updatedAt":"2015-08-31T17:11:11.666Z"},{"createdAt":"2015-08-31T17:17:18.256Z","objectId":"zwpSRxTdzy","title":"3","updatedAt":"2015-08-31T17:17:18.256Z"},{"createdAt":"2015-08-31T17:17:20.493Z","objectId":"x9qExBu5IP","title":"4","updatedAt":"2015-08-31T17:17:20.493Z"},{"createdAt":"2015-08-31T17:17:23.193Z","objectId":"qQDpdjBTju","title":"5","updatedAt":"2015-08-31T17:17:23.193Z"},{"createdAt":"2015-08-31T17:17:24.411Z","objectId":"f9lrfHKC0h","title":"6","updatedAt":"2015-08-31T17:17:24.411Z"},{"createdAt":"2015-08-31T17:17:26.695Z","objectId":"1FO6lyYO5D","title":"7","updatedAt":"2015-08-31T17:17:26.695Z"},{"createdAt":"2015-08-31T17:17:29.169Z","objectId":"rLkTAxIEJp","title":"8","updatedAt":"2015-08-31T17:17:29.169Z"},{"createdAt":"2015-08-31T17:17:31.743Z","objectId":"HGUgeUenu5","title":"9","updatedAt":"2015-08-31T17:17:31.743Z"},{"createdAt":"2015-08-31T17:17:43.516Z","objectId":"w7cjdD07N4","title":"10","updatedAt":"2015-08-31T17:17:43.516Z"},{"createdAt":"2015-08-31T17:30:25.984Z","objectId":"q6wG9m1Kv4","title":"11","updatedAt":"2015-08-31T17:30:25.984Z"},{"createdAt":"2015-08-31T17:34:16.004Z","objectId":"vyDjZWjPin","title":"12","updatedAt":"2015-08-31T17:34:16.004Z"},{"createdAt":"2015-08-31T17:34:18.711Z","objectId":"o1NvdCGVj9","title":"13","updatedAt":"2015-08-31T17:34:18.711Z"},{"createdAt":"2015-08-31T17:34:21.739Z","objectId":"NGDGJXUSrQ","title":"14","updatedAt":"2015-08-31T17:34:21.739Z"},{"createdAt":"2015-08-31T17:35:02.578Z","objectId":"rxPxn6iCJj","title":"15","updatedAt":"2015-08-31T17:35:02.578Z"},{"createdAt":"2015-08-31T17:35:19.754Z","objectId":"aDxOGTdfbE","title":"16","updatedAt":"2015-08-31T17:35:19.754Z"}]}

[arti_djeims]

тестируя это все я тут gamer-by-life.com