angularjs上拉加载问题解决方法_angularjs

《angularjs上拉加载问题解决方法_angularjs》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、上拉加载问题解决方法项目中始终存在一个问题*当在搜索栏输入关键词后。见图I》，按照既定的业务逻辑应该是服务端接收到请求后，首先返回查询的前耳条数据，待客户端出现上拉加载时，继续查找另外小条数据。但实际情形是不确定的，在服务端控制台4见图2》可看到直到了皿，也就是相当于客户端往服务端请求了6次,这是一个令人无法忍受的结果。图I客户端搜索栏Seai*ch_Medcine_by_Keywopd_9001debuginfo请求数据包信息:<0begnoM：126,°pagenuii0：7,MsearchbyM：2,,*keylistM：M/^g

2、°,°uersionM：M1・0l[16/05/2211

3、：18：42：609][weining.database.lnapp.MyDatabase]sqlstr=selectnedid,nedzzE‘乂感冒乂，ORnedfactLIKE‘乂感冒乂，ORnedfnaneLIKE‘乂感冒‘〉ORDERBYsellcntDESC[16/05/2211：18：43：015]Cv/eining・Imapp.seFulet.DoUpdatelTransaction9001success[16/05/2211：18：43：015][v^eining・lmapp.seFulet・RequestMessage]OUTSTR：

4、7,MdataM：[^<7iscfV:'^^sellcnt°：0感冒及疱疹性口腔炎。"JFednamW利巴韦林含片耳・惴edpic心;応.126・？2.218：8088/•怛曹富:工主途木品主要用于感冒弓的鼻塞，咽喉痛、头痛、发热等。并具有对流北京万辉双鹤药业有限责任公司,,WdinstM：Mhttp：//112.126.?2.218：8088/lnapp/files/nedi

5、：〉.LiscLm，,sellcntFedfacL〕北京万辉双鹤药业有限责任公司M,Mnedinstp：//112.126.72.218：8088/lnapp/files/nedphoto/TH11022271.png0,.Mnedppice°："4•00fmedane°：1MmedpicM：Mh11p：//112・126・?2・218：8088/lnapp/files/nedphoto/TH110222缓解感冒初期的发热o^^nednane0：0牛磺酸片°medpicM：°http：//112.126.72.218：8088/lnap图2服务端控制台可以断定是客户端的业务逻辑出现了问题。返

6、回到客户端，查看源码逻辑，修改如下i控制器Ism

7、••I•!二O<•土、r上拉加载”■=•><二<^时.”:0时6H起始序号Ji”:l^-K〃每页返回条数>1■助.—l>I//■I时

8、55»»*4・你5••第I*4^4L><卜拉刷新查询结果bm

9、••Idr+U&W二丄4l^4L

10、e"4i

11、sm

12、ikiei3^srC

13、sm

14、=■dkwi>*・qrM・■耳》-C//药品已查询完毕jSM

15、••H•!•■•二4ei

16、1^4e:[VUJ圭汕・■■€>.3;I2M>i

17、sm

18、=4&O-C*I2M>i视图11

19、当用户到达页脚或页脚附近时，»f■•-m—卅指令允许你调用_个函数。当用户滚动的距离超出底部的内容时，就会触发你指定的■it—ii)i1当没冇更多数据加载时，就口J以用一个简单的方法阻止无限滚动，那就是“8v■的flyT■指令T41设置■•初始值为•首次即点击分类查询时不进行下拉加载操作T!•»€>”idc^-M^e.eir什土■才没有更多的药品了1/

20、H/lri^经过以上修改，可以实现避免不必要的请求。丁Search_Medicine_by_Classid_9002debuginfoj青求数据包彳言‘息、：＜''begno''：0,''pageruim・'：?,・'seaFchby・'：2,

21、・'classi(T'：8,・'ueFsiorryi.・0・',"F(n・e09：22：29：796][weining.database.lnapp.MyDatabase]sqlstr=selectnedid^nedzz116/05/23nit0,7[16/05/23[16/05/2309：22：30：031][weining.lnapp.servlet.DoUpdate1Transaction9