下拉加载 只能搜索

来源:互联网 发布:最好的我们网络剧网盘 编辑:程序博客网 时间:2024/06/03 16:37
<script type="text/javascript">
$(document).ready(function () {
var page = 1;
window.loading = false;//触发开关,防止多次调用事件
$(window).scroll(function () {
var bot = 50; //bot是底部距离的高度
if (window.loading == false) {
if ((bot + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {
console.log($(document).height());
ajaxdata(page += 1);
}
}
});
});
function ajaxdata($page){
window.loading = true;
$.getJSON("timeline/total", {page:$page}, function (json) {
var createHtml = document.getElementById("createHtml");
var html = "";
if(json.status==1){
$.each(json.data, function (index, array) {
html += " <li class='flex packJustify alignStart bd_b'>";
html += " <div class='img flex_0'><img src=" + array['avatar'] + "></div>";
html += " <div class='r flex_1'>";
html += " <h3 class="dis_b" f14>";
html += " <a href='timeline/show?userid=" + array['user_id'] + "' class='detail'>" + array['nickname'] + + array['id'] + " </a>";
html += " </h3>";
html += " <p class='f12'>" + array['content'] + " </p>";
html += " <div class='t imgLists fcl'>";
$.each(array['resource'], function (index2, array2) {
html += "<div><img class='fl dis_b' src=" + array2['content'] + "></div>";
});
html += " </div>";
html += " <div class='c fcl f10'>";
html += " <span class='fl time'>" + array['created_at'] + " </span>";
html += " </div>";
html += " </div>";
html += " </li>";
});
$("#createHtml").append(html);
}else{
document.getElementById('morebtn').innerHTML = '没 有 数 据 了';
}
window.loading = false;
})
}
ajaxdata(1)
</script>




<div id="wrapper" style="height: 1000px; ">
<div id="scroller">
<section class="friendsCont bgc_fff">
<header class="friendsHeader bgh100"></header>
<section class="friendLists">
<section class="pr myInfoCont">
<div class="pa">
<div class="flex">
<div class="text">
<h2 class="f16">{{$user->nickname}}</h2>
</div>
<img class="img" src="{{$user->avatar}}">
</div>
<p class="f12 ta_r"></p>
</div>
</section>
<section id="content" class="friendListsUl">
<ul id="createHtml">
</ul>
</section>
</section>
<div id="morebtn"></div>
</section>
</div>
</div>





//搜索  

$(function(){
    var localData = sessionStorage.getItem('history');
    if(localData == null){
        var url = "{{ route("search.hot") }}";
        $.get(url,function(r){
            if(r.status ==1){
                sessionStorage.setItem('history', JSON.stringify(r.data));
            }
        });
    }
    if(localData){
        var html = '';
        var _data = JSON.parse(localData);
        if(_data.length>0){
            for(var i=0; i< _data.length;i++) {
                html += " <li><a href='{{ route('search.result') }}?search="+_data[i]['entry']+"&from={{ $from }}'>"+_data[i]['entry']+"</a> </li>";
            }
            $(".search_ul").append(html);
        }else {
            $(".search_ul").append("<li><a href='javascript:;'>暂无记录</a> </li>");
        }
    }
    $("#clearn_history").click(function(){
        sessionStorage.setItem('history','[]');
        window.location.reload();
    });
    $(".search").submit(function(){
        var entry = $(this).children("input[name='search']").val();
        var _searName = {
            'entry':entry,
        }
        var localData = sessionStorage.getItem('history');
        var _newData = JSON.parse(localData);
        var isdata = true;
        for(var j=0; j< _newData.length;j++) {
            if(_newData[j]['entry'] == entry) {
                isdata = false;
            }
        }
        if(isdata){
            _newData.splice(0, 0, _searName);
        }
        sessionStorage.setItem('history',JSON.stringify(_newData));
    });

})

 

0 0
原创粉丝点击