AngularJS上拉加载问题解决方法_AngularJS

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

2、sionm：m1 0l 16/05/22 11：18：42：609weining.database.lnapp.mydatabase sqlstr=select nedid,nedzz e 乂感冒乂， or nedfact like 乂感冒乂， or nedfnane like 乂感冒 order by sellcnt desc 16/05/22 11 ：18 ：43 ：015 cv/eining imapp.sefulet .doupdatel transact ion 9001 success 16/05/22 11 ：18 ：43 ：015 veining lmapp .sefulet

3、request message outstr： <mis£inishedm：°pcntm：7, mdatam： <misc£m： ,m °sellcnt °：0,. mmedggm： ,m mned£actm：hoto/th11022101.png,wdppicem：m14.70°, mir)edidv：vth11022l01o><7iscfv:'sellcnt°：0 感冒及疱疹性口腔炎。"jfednamw利巴韦林含片耳惴edpic心;応.126？2.218 ：8088/

4、怛曹富:工主途 木品主要用于感冒弓的鼻塞，咽喉痛、头痛、发热等。并具有对流 北京万辉双鹤药业有限责任公司,wdinstm：mhttp：/112.126.?2.218：8088/lnapp/files/nedi ：.lisclm，,sellcntfedfacl北京万辉双鹤药业有限责任公司 m,mnedinstp：/18 ：8088/lnapp/f iles/nedphoto/th11022271 .png0,. mnedppice°： "4 00f med ane°：1 mmedpicm： mh11p：/112 126 ?2 218 ：808

5、8/lnapp/f iles/nedphoto/th110222缓解感冒初期的发热o nednane0：0牛磺酸片°medpicm：°http：/18：8088/lnap图2服务端控制台可以断定是客户端的业务逻辑出现了问题。返回到客户端，查看源码逻辑，修改 如下i控制器ism| i!二o <土、r上拉加载” = > <二 <时.” :0时6 h起始序号ji” : l-k 每页返回条数>1 助.l> <m"lssrii > i /i时|55»»*4你 5第 i*44l>

6、 <卜拉刷新查询结果bm<sm| i d r +u&w二丄4 l4l|e"4i</更新状态h药品已查询完毕mtoifaw rx|sm|ikiei 3src| sm|= dkwi>*qrm耳-c/药品已查询完毕j sm| h !二4ei|14e:vuj圭汕>. 3; i2m>i</药品已查询完毕 | sm|= 4&o -c* i2m>i视图1 1当用户到达页脚或页脚附近时，» f -m卅指令允许你调用_个 函数。当用户滚动的距离超出底部的内容时，就会触发你指定的 it ii)i 1当没冇更多数据加载时，就口j以用

7、一个简单的方法阻止无限滚动，那就是“ 8v的 fl yt指令t4 1设置初始值为首次即点击分类查询时不进行下拉加载操作t!»>” idc-me.eir什土才没有更多的药品了1/|h/lri经过以上修改，可以实现避免不必要的请求。丁search_medic ine_by_class id_9002 debug infoj青求数据包彳言息、：''begno''：0,''pageruim'：?,'seafchby'：2,'classi(t'：8,'uefsiorryi.0',&qu

8、ot;f(ne09：22：29：796weining.database.lnapp.mydatabase sqlstr=select nedidnedzz116/05/23 nit 0,7 16/05/23 16/05/2309：22：30：031weining.lnapp.servlet.doupdate1 transaction 9002 success09：22：30：031weining.lnapp.servlet.requestmessage outstr：misf inishedm: m1mpcntu：5,mdatau： uiscf m： ,m msellcnt m：8, mned

9、ggm： ,m mnedf actm：18 ：8088/lmapp/fi：les/medphoto/tz20026656 .pngm 'wdprice'1： m42.00°, mnedidm： mtz20026656u 胃 适月交憂，"medpic"叮'ht126 72 218 ：8088/lmapp/fi：les/ 用于謙性肠炎、胃炎、十二指肠溃疡、结肠炎、直肠炎、脓血便mmednanem：炎竿:.渚热燥湿，行气四s/medphoto /tz20003348png“,"mgdpiice"叮 5430“,*11)巳(11

10、(1*叮丁2：20003348".："匚90£"：时带黏液，伴有腹胀腹痛，胃皖疼痛，小腹坠胀，饮食不佳，属上述证候者舌质淡红，苔蒲白或m：m0000m,merr text/v , 先 x_code* 叮9002". "uicwttempusef"16/05/23 09：22：35：906weining.lnapp.servlet.requestmessage receiver：mbegnom：7,"pmnedinst°：mhttp：/18：8088/lnapp/f iles/ned

11、inst/tz200033um,msell:s e arc h_me die ine _by_c las s id_9 002 de bug ih¥ o*-'- *1 '''116/05/23 nit 7,7 16/05/23 16/05/23)青求数据包彳言息、："begn(r'：7,''pageruim'：?,'seafchby'：2,'classi(r'：8,'uefsiorryi.0',"f(ne 09：22：35：921weining.data

12、base.lnapp.mydatabase sqlstr=select nedidnedzz09：22：36：156weining.lnapp.servlet.doupdate1 transaction 9002 success09：22：36：156weining.lnapp.servlet.requestmessage outstr：mpcnt m：0,mdatam：,mresult '叮乜片片text"叮",'tx_code'叮'9002'', "uid"叮吟tempuse”" 16/05/23 09：22：42：937weining.lnapp.servlet.requestmessage receiver：mboxnanem：mdmede in e _bo x_que ry_l008 debug info it=m：mboxnanem：mdefault''wdidm：mtz20060120'muersionm：m1.0'mfore_tineu 16/05/23 09：22：42：937weining.database.lnapp.mdatabase sqlstr=select u