基于通用分页类的Ajax异步实现

需求说明：

通常，我们在服务端都已经写了分页类或函数，如

代码实现：

<div id="test"></div>
<script>
var CF = function(){};
CF.tool={
			'ajaxPage':function(conDom,pageDom){				
				var pageBtn = $("#"+pageDom+" a");// 获取a节点
				var conBox = $('#'+conDom);//获取将ajax分页的内容防止的节点
				pageBtn.off(); // 取消该节点绑定的所有事件
				pageBtn.click(function(){// click 事件
					$.get(this.href,function(re){
					    conBox.html('正在加载');
						conBox.html(re);
						CF.tool.ajaxPage(conDom,pageDom);
					})
					return false;
				})
			}
}

$.post('/jia/test?rt='+Math.random(),{'pageid':1},function(re){                           
    $('#test').html(re);
    CF.tool.ajaxPage('test','spdata');
})
</script>

代码说明：

（未完，待续）

1、JavaScript世界的一等公民 - 函数

2、悟透JavaScript

3、用PHP判断是否为AJAX请求

4、Jquery选择器

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!