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

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");
	}
}
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值