Как переделать в ajax запрос?

Question

[shnicel]

Всем привет имеется некий код,не когда не работал с ajax'ом вопрос хочу сделать при скроллинге вниз около 70% ,что бы выполнялась подгрузка контента с параметрами offset сначала 0,потом 50,100 и т.д. сейчас это все вот в каком виде

if ($(this).hasClass('group')) {
            //$('.bitrate').children('div').css('display', 'none');
            VK.callMethod("resizeWindow", 800, 1275);
            VK.api('audio.get', { owner_id :-1959, offset:0, count: 50}, function(pl_music2) {
                if(pl_music2.response) {
                    $.each(pl_music2.response, function(key, value) {
                        key != 0 ? line += '<a id="pg'+key+'" href="'+value.url+'" class="sm2_link">'+value.artist+' - '+value.title+'</a>' : false;
                    });
                    $('.vkla.group-detail').html(line);
                    $('div[for="group-detail"]').trigger('click');
                }
            });
        }

При клике по табу выполняется запрос выводятся 50 элементов,offset:0

Answer 1

[Семен]

Можно примерно вот так, стоит доработать если что.

if ($(this).hasClass('group')) {
    VK.callMethod("resizeWindow", 800, 1275);
    var offset = 0,
        $body = $('body'),
        getData = function(offset) {
            VK.api('audio.get', {
                owner_id: -1959,
                offset: 0,
                count: 50
            }, function(pl_music2) {
                if (pl_music2.response) {
                    $.each(pl_music2.response, function(key, value) {
                        key != 0 ? line += '<a id="pg' + key + '" href="' + value.url + '" class="sm2_link">' + value.artist + ' - ' + value.title + '</a>' : false;
                    });
                    $('.vkla.group-detail').html(line);
                    $('div[for="group-detail"]').trigger('click');
                }
            });
        };
    getData(offset);
    $body.on('scroll', function() {
        if ((($body.scrollTop() / $body.height()) * 100) > 70) {
            offset += 50;
            getData(offset);
        }
    });
}

Comments

[shnicel]

Чтож спасибо)Надо со скроллингом что то придумать не хочет скрипт запускаться

[Михаил Чирский]

shnicel: Обычно скрол делают через объект window

$(window).on('scroll', function () {

})

[Семен]

Михаил Чирский: Вы правы.