Ajax简介

AJAX，即“异步Javascript和XML”，是指一种用于创建交互式网络应用程序的网络开发技术。

AJAX=异步JavaScript和XML(标准通用标记语言的子集)。

AJAX是一种用于创建快速动态网页的技术。

AJAX可以通过在后台与服务器交换少量数据，使网页异步更新。这意味着可以更新网页的一部分，而无需重新加载整个网页。

传统的网页(没有AJAX)如果需要更新内容，必须重新加载整个网页。

实现每项功能的方法和思路多种多样。今天，我总结一个小的加载函数。

加载很常见，每个手机控制器都很了解她。每次刷微博、朋友圈、空间，滑动到一定量，我们都会提醒你向上滑动，多加载，这是一种加载方式；另一种方式是点击加载，点击加载一定量，再点击，然后加载一定量(一大堆废话)。

现在让我们一个接一个地讨论ajax加载数据，就像这个数据列表。

首先，显示10，然后单击加载更多，然后显示10.

一.思路

一般来说，如果使用ajax进行加载，所有的数据都会被一次加载。这个时候，要控制装载量，就要用判断。判断加载到10后，停止加载，下一个10后再点击按钮继续加载。

如何控制加载只有10。10不能通过遍历I来判断，因为加载10之后，后面还会加载，所以接下来的10就很难判断了，所以需要定义一个新的变量来计算加载的次数。

你可以这样写：

var ci=0；for(var I=0；I data . list . length；I){ ci；if(ci 10){ break；}}然后需要再加载10个，然后调用这个方法，所以这个方法需要声明一个函数名，下次需要的时候会调用，或者需要的话可以传递参数。现在有一个问题。第一次加载10之后，需要先加载前10个数据，然后加载json数据。我该怎么办？

没关系，你可以调用上面定义的函数，传递参数。参数怎么算？

想想一个参数和我有什么关系，我和它有什么关系？或者什么能影响我？

似乎只有它的值才会影响(那不是废话吗)，所以它的值不可能是一个常数，它只能是一个变量，那么这个变量从何而来呢？

别忘了我们还有一个点击活动。首先，为点击次数定义一个变量var clickNum=0。因为每次加载有10次点击，所以I的值应该是：

I=10*clickNum，是每次加载的第一个数据的索引值。就这样，我们解决了上面的问题。

这个时候，还有问题需要解决。当所有的数据都被点击加载后，点击按钮需要隐藏。我们如何计算数据已加载？

我们可以计算clickNum的点击次数，因为每次有10次加载，所以我们可以计算需要加载Parseint()数据的总次数。list.length)/10) 1。为什么负载数要增加1？

ParseInt()是四舍五入的，例如21/10=2，但实际上需要加载三次，所以需要增加1。巧合的是，我们第一次加载的时候不需要点击，浏览器已经加载读取了10个数据。

因此，clicknum=parseint((数据。list.length)/10)，当clicknum==parseint((数据。list.length)/10)，点击按钮被隐藏。

思路基本清晰

二、实现功能

HTML:

Dl id=' incoenum' dtem/em每日收入分配/dt/dldiv class='jiaZai_more '点击查看更多/divcss:

这里省略了Css。

js:

函数nwalletProfit(num，cNum){$ .ajax({type: 'post '，async: true，url: url，dataType: 'json '，success :函数(data){ if(data。名单。长度0){ var I=num；var ci=0；var x=parseInt((数据。周期列表。长度)/10)；//x为每10个一组的组数if(cNum=x){$(' .甲子_更')。hide()；//当点击更多的次数 组数时，隐藏按钮} for(；我。利润_ list . LengTii){ var html txt=' '；ci；var date=数据。利润率_list[i].日期；var year=date.substring(0，4)；var month=date.substring(4，6)；var day=日期。子串(6)；日期=年份年"月"月'日'日；htmltxt=' ddhtml txt=' H5类='日期' '日期'/H5 '；html txt=' p class=' income '数据。清单1 .利润“%/p”；if(ci 10){ break；} $(“# IncomEnum”).追加(html txt)；}}}，错误：函数(e、d、c){控制台。log(d)} })；} nwalletProfit(0)；var点击次数=0；//点击的次数$('.甲子_更')。on('click ')，function(event){ event。prevent default()；单击编号；var iNum=10 * clickNum//每次点击开始加载的第一个索引值nwalletProfit(iNum，clickNum)；});以上所述是小编给大家介绍的埃阿斯点击不断加载数据列表，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！