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

前端之家收集整理的这篇文章主要介绍了基于通用分页类的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选择器

原文链接:https://www.f2er.com/ajax/165770.html

猜你在找的Ajax相关文章