单击ajax加载数据列表
Ajax,异步Javascript和XML(异步Javascript和XML),是指用于创建交互式Web应用程序的Web开发技术。
ajax =异步Javascript和XML(标准通用Markup Language的一个子集)。
Ajax是一种创建快速动态网页的技术。
通过在后台和服务器中交换少量数据,Ajax可以异步更新Web页面,这意味着Web页面的一部分可以在不重新加载整个Web页面的情况下更新。
传统的Web页面(不使用Ajax),如果需要更新内容,则必须覆盖整个页面页面。
每个函数都有各种方法和思想,今天,我总结一下小负荷函数。
加载是很常见的,每一个手机控制不再是她所熟悉的。每一次我们在朋友、微博、空间---刷圈,滑到一定量的时候,会提醒滑动负载更多,这是一种负荷;有一个点击加载,点击加载一定的数量,然后单击,然后加载一定量(说了很多垃圾话)。
现在我们来讨论Ajax一个接一个地加载数据,像这样的数据列表。
前10个,然后单击加载更多,显示10—
一、思路
一般来说,如果加载了Ajax,它将加载所有数据。这一次,我们必须使用判断来加载控制卷。我们决定加载10个停止,然后单击按钮继续加载后的10负荷。
如果你只想控制10个负载,你怎么做我们不能通过遍历i判断10,因为在加载10之后,我们需要稍后加载,这样下一个10不足以判断,所以我们需要定义一个新的变量来计算负载的数量。
它可以这样写:
var = 0;
对于(var i = 0;i < data.list.length;i++){
++;
如果(CI > 10){
打破;
}
}
然后需要加载10个,然后调用这个方法。因此该方法需要声明一个函数名。它需要在下次需要使用时调用它。如果你需要传输引用,你也可以使用它。现在有问题了。在第一次进入并加载10之后,您需要加载前10个数据,然后加载JSON数据的后面。怎么用
没关系,可以通过调用上面定义的函数来调用引用。如何计算参数呢
首先想一个参数,什么是相关的,和我,我和什么相关的关系或者它对我有什么影响
似乎只有它的值会影响(这不是垃圾),所以它的值不能是一个不变的数字,它只能是一个变量。这个变量是从哪里来的
别忘了我们还有另一个点击事件。首先我们定义点击VaR clicknum = 0个变量,因为i的值是10时,每一次我们的负荷。
我= 10 * clicknum,这是第一个数据指标值负荷每次。所以我们已经解决了上述问题。
在这一点上,有一个问题需要解决。当加载所有数据单击时,单击按钮需要隐藏。如何加载数据
我们可以计算clicknum点击数,因为每一次你负荷的10,你可以计算出你需要加载的总次数(parseInt(数据清单。长度)/ 10)+ 1,你为什么要加1倍
(parseInt)是因为取整,如21 / 10 = 2,但实际需要量的3倍,所以你要加1,我们第一次负荷不点击如何,浏览器在读取数据10,
所以clicknum =(parseInt(数据。列表长度)/ 10),当clicknum = = parseInt((数据。列表长度)/ 10)在点击一个按钮来隐藏。
其基本思想是明确的
两。功能的实现
HTML:
收入的日常分配
点击查看更多
Css:
这里省略了CSS。
Js:
功能nwalletprofit(num,cnum){
$ ajax({
类型:邮政
异步:真,
网址,
DataType:JSON
成功:函数(数据){
如果(data.list.length > 0){
var;
var = 0;
var x = parseInt((数据。profit_list。长度) / / / 10);X是一组10组
如果(cnum = x){
$(。jiazai_more )(隐藏); / /当多组数更多的点击,隐藏按钮
}
为(;;i < data.profit_list.length;i++){
无功htmltxt = ;
++;
var date =数据。profit_list {我}的日期;
VaR年= date.substring(0, 4);
VaR月= date.substring(4, 6);
var = date.substring(6);
日期=年+月+++日'天;
htmltxt + =;
htmltxt =+日期+;
htmltxt =+数据。表{我}。利润+%;
如果(CI > 10){
打破;
}
$(# incomenum)。追加(htmltxt);
}
}
},
错误:函数(e,d,c){
console.log(D)
}
});
}
(0)nwalletprofit;
无功clicknum = 0; / /点击次数
$(。jiazai_more ),(听到咔哒声,功能(事件){ {)
Event.preventDefault();
clicknum + +;
var iNum = 10 * clicknum; / /单击开始加载值的第一个索引
nwalletprofit(微粒,clicknum);
});
以上是萧边介绍Ajax的点击,不断加载数据列表,我们希望对你有帮助,如果您有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。