ajax请求数据动态渲染信息流（每隔两条数据插入一个div或者一条信息）

var page = 0;
    var lock = true;
    $(window).scroll(function() {
        //获取#gg这个div到顶部的距离
        var mTop = $('#gg')[0].offsetTop;
        //获取窗口的高度
        var sTop = $(window).scrollTop();
        //获取滚动时#gg这个div距离顶部的距离
        var result = mTop - sTop;
        // console.log(result);
        if (result < 867 && lock === true) {
            page += 1;
            lock = false;
            //判断page的页码数
            if (page <= 3) {
                var data = {
                    page: page,
                    limit: 10,
                    type_id: 0,
                }
                $.ajax({
                    type: "get",
                    url: 'url请求地址' + page(页数) + '&limit&typeid',
                    data: data,
                    dataType: "json",
                    success: function(data) {
                        data = data.data
                            // console.log(data);
                        var str = '';
                        $.each(data, function(index, val) {
                            if ((index + 1) % 2 === 0) { //判断数据插入的位置
                                //全局的空数组----GG---这个是存放数另一个接口请求数来的数据
                                $.each(GG, function(i, item) {
                                    //循环渲染GG里面的数据
                                    str += '<li class="hyli">' +
                                        '<div class="picbox">' +
                                        '<a target="_blank" href="' + item.curl + '">' +
                                        '<img src="' + item.img + '" alt="' + item.title + '">' +
                                        '</a>' +
                                        '</div>' +
                                        '<div class="info">' +
                                        ' <a target="_blank" href="' + item.curl + '">' +
                                        '<span class="title">' + item.title + '</span>' +
                                        '</div>' +
                                        '<p>' + item.desc + '</p>' +
                                        '</a>' +
                                        '</div>' +
                                        '</li>'
                                })
                            }
                            //循环渲染data里面的数据
                            str += '<li class="hyli">' +
                                '<div class="picbox">' +
                                '<a target="_blank" href="' + val.url + '">' +
                                '<img src="' + val.litpic + '" alt="' + val.title + '">' +
                                '</a>' +
                                '</div>' +
                                '<div class="info">' +
                                ' <a target="_blank" href="' + val.url + '">' +
                                '<span class="title">' + val.title + '</span>' +
                                '<div class="date">于' + val.pubdate + '发表' +
                                '<span>知识</span>' +
                                '</div>' +
                                '<p>' + val.description + '</p>' +
                                '</a>' +
                                '</div>' +
                                '</li>'
                        });
                        $('.yc_ul').append(str); //全部放进.yc_ul里面
                        lock = true;
                    }
                });
            } else {
                //当page大于3时就解结束请求
                return false
            };
            fun1() //调用另一个js文件里的方法（可以忽略）

        }

    })