基于通用分页类的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选择器