Почему не выводит по порядку из бд?

Question

[arti_djeims]

Создал код вывода записей из бд (пользуюсь сервисом parse.com)

но оно выводит записи в разброс а нужно что бы на верху были самые новые

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 += '<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 + '&time='+arr[i].createdAt + '"><img src="share.png"></a></div><br></div><br>';

        }

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

    }
};

xmlhttp.send();

Answer 1

[Alex XYZ]

Сортировку надо сделать перед реверсом:

function sortDate(a,b){
    var aDate = new Date(a.createdAt);
    var bDate = new Date(b.createdAt);
    if(aDate == bDate)
        return 0;
    if(aDate < bDate)
        return -1;
    if(aDate > bDate)
        return 1;
};
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);
        debugger;
        userInfo.results = userInfo.results.sort( sortDate );
        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 + '&time='+arr[i].createdAt + '"><img src="share.png"></a></div><br></div><br>\n';

        }

        console.log(text);

    }
};

xmlhttp.send();

Comments

[arti_djeims]

Спасибо ) ! Все работает! И еще есть такой вопрос а как сделать что бы последние 10 записей только выводило ?

[Дмитрий Ковальский]

мелкий lifehack - чтобы не писать if else if - Можно просто вычесть из одной даты - другую

[Alex XYZ]

arti_djeims: Пожалуйста. Про последние 10 - у массива есть метод split, им можно вырезать элементы.
Дмитрий Ковальский: вы правы, редко с датами дело имею, забываю.

[Alex XYZ]

Дмитрий Ковальский: извините, не split, а splice

[arti_djeims]

Захаров Александр: можете помочь с применением splice в данном коде

[Alex XYZ]

arti_djeims: "Эх, молодёжь": arr.splice( -10 );

[Alex XYZ]

arti_djeims: var arr = userInfo.results.reverse().splice( -10 );

[arti_djeims]

Захаров Александр: куда его вклеить что бы все коректно работало ?

[Alex XYZ]

arti_djeims: а что некорректно работает?

[arti_djeims]

Захаров Александр: я вписал эту строчку в колд и просто в разброс записи выводит

function sortDate(a,b){
var aDate = new Date(a.createdAt);
var bDate = new Date(b.createdAt);
if(aDate == bDate)
return 0;
if(aDate < bDate)
return -1;
if(aDate > bDate)
return 1;
};
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);
debugger;
userInfo.results = userInfo.results.sort( sortDate );
var arr = userInfo.results.reverse();
var text = "";


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

' + arr[i].text + '

\n';

}

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

}
};

xmlhttp.send();

[Alex XYZ]

arti_djeims: А где в коде строка var arr = userInfo.results.reverse().splice( -10 );? И оператор debugger тоже надо убрать.

[arti_djeims]

Захаров Александр: вот, но просто показывает все записи в разброс

function sortDate(a,b){
    var aDate = new Date(a.createdAt);
    var bDate = new Date(b.createdAt);
    if(aDate == bDate)
        return 0;
    if(aDate < bDate)
        return -1;
    if(aDate > bDate)
        return 1;
};
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().splice( -10 );
        userInfo.results = userInfo.results.sort( sortDate );
        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 + '&time='+arr[i].createdAt + '"><img src="share.png"></a></div><br></div><br>\n';

        }

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

    }
};

xmlhttp.send();

[Alex XYZ]

arti_djeims: Надо внимательно читать код. У вас splice и sort перепутаны местами. Замените

var arr = userInfo.results.reverse().splice( -10 );
userInfo.results = userInfo.results.sort( sortDate );

на

userInfo.results = userInfo.results.sort( sortDate );
var arr = userInfo.results.splice( -10 );

И кстати, reverse() уже не нужен.

[arti_djeims]

Захаров Александр: все равно чето не так, пожалуйста можете скинуть полностью из этого рабочий код ?