AJAX动态加载Tab,点击一次加载完后,再次切换点击就不要再发送请求,还有分页,怎么做?

图片说明

加个容器记录一下是否ajax过,定义一个开关默认true 当ajax success后为false ajax点击事件改为if(true) $.ajax({});

分页要做前台分页还是后台分页,前台就是获取总数,计算页数,后台的话请求数据的时候给个限制就好了,github上有分页工具

var oneAjax = true;
// 加载时,
if (oneAjax) {
$.ajax...
success: function(data) {
oneAjax = false;
...
}
}

在js中定义一个全局变量,用来记录是否有加载tab, 在加载完tab之后修改变量使之为已加载 类似如下:

 var flag = false;


 function load(){   //加载方法
 if(flag == false){
 .......   //具体加载方法
 flag = true;
 }
 }

这样就可以避免重复加载;
另外如果这个加载功能是一个按钮控制的这种 直接把按钮disable掉就行了

至于分页 有很多的解决方法

1.前端使用了前端框架 一般都有自带的分页方法

2.后端框架 一般也都有自带的分页方法

3.ajax提交请求 将当前页码以及每页显示条数一起发送到后台 后台据此进行sql查询返回数据