jq页面刷新+点击加载更多数据

六眼飞鱼酱① 提交于 2019-12-14 14:05:00

1. 页面刷新

(1) 页面加载刷新一次

function fresh(){
  if(location.href.indexOf("reload=true")<0)
   {
       location.href += "&reload=true";
   }
}
setTimeout("fresh()",50);

(2) 刷新当前页面

window.location.reload();

(3) 刷新父亲对象(用于框架)

parent.location.reload()

(4) 刷新父窗口对象(用于单开窗口)

opener.location.reload()

(5) 刷新最顶端对象(用于多开窗口)

top.location.reload()

2. 点击加载更多

<div class="page">
	<span>第一行数据<span>
	<span>第二行数据<span>
	<span>第三行数据<span>
</div>
<div id="more" data-status="1">
      加载更多
</div>
<input type="hidden" id="page" value="2">

$(function () {
	$("#more").click(function () {
	    var page = parseInt($("#page").val());
	    $(this).html("加载中...");
	    status=$(this).attr("data-status");
	       if(status==1) {
	       	status = $(this).attr("data-status", "0");
	           $.ajax({
	           	type: "post",
	               url: "__URL__/infolist",
	               data: {page:page},
	               dataType: "json",
	               success: function (data) {
	               		/*数据少于10条隐藏按钮*/
	                   if (data.length < 10) {
	                   		$("#more").css("display",'none')
	                   } else {
	                       $("#page").val(page + 1);//记录页码
	                   }
	                   insertDiv(data);
	                }
	           });
	       }
	});
	function insertDiv(data){
	    var information = $(".page");
	    var html = '';
	    for (var i = 0; i < data.length; i++) {
	        html += "每行的数据展示";
	    }
	    information.append(html);
	    $("#more").html("加载更多");
	    $("#more").attr("data-status","1");
	}
}
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!