この記事では、Droploadプラグインの特定のコードを共有して、参照用のデータを引き下げてロードします。特定のコンテンツは次のとおりです
複製画像：
1.インポートJS
dropload.min.js
Zepto.min.js <！ - jquery1.7以下またはZeptoのいずれかを選択してください。同時に引用しないでください - >
2。バックエンドクエリ
/ ** *私は * * @return */ @Action（ "ifindticket"）public string ifindticket（）{try {uptransaction transaction = futransactionservice.findbyuserid（userid）;を探しました。 map <string、object> map = new hashmap <string、object>（）; map.put（ "transactionId"、transaction == null？0l：transaction.getId（））; List <Fustockacount> accounts = fustockaccountservice.findaccountbymap（0、5、map）; this.getActionContext（）。put（ "accounts"、accounts）; } catch（Exception e）{e.printstacktrace（）; logger.equals（e）; }成功を返す; } / ** *私が探しているデータ * * @return * / @Action（ "FindTicketData"）public String findTicketData（）{try {futransaction transaction = futransactionservice.findbyuserid（userId）; map <string、object> map = new hashmap <string、object>（）; map.put（ "transactionId"、transaction == null？0l：transaction.getId（））;リスト<Fustockaccount> accounts = fustockaccountservice.findaccountbymap（0、integer.max_value、map）; jsonobject json = new jsonobject（）; jsonarray array = new jsonarray（）; if（accounts.size（）> 0）{for（fustockaccountアカウント：accounts）{jsonobject obj = new jsonobject（）; obj.put（ "id"、account.getid（））; obj.put（ "openequity"、account.getopenequity（））; obj.put（ "CapitalAccount"、Account.getCapitalAccount（））; obj.put（ "transactionStatus"、account.getTransactionStatus（））; obj.put（ "status"、account.getTransactionStatus（））; obj.put（ "status"、account.getTransactionStatus（）== 0？ "operating"： "retreated"）; obj.put（ "abainal"、new decimalformat（ "＃、###、## 0.00"）。format（account.getavailable（）== null？0：account.getavailable（）））; obj.put（ "ablemoney"、new decimalformat（ "＃、###、## 0.00"）。形式（account.getablemoney（）== null？0：account.getablemoney（）））; obj.put（ "createtime"、new simpledateFormat（ "yyyy.mm.dd"）。format（account.getCreatetime（）））; array.add（obj）; }} json.put（ "array"、array）; write（json.tostring（））; } catch（Exception e）{e.printstacktrace（）; logger.error（e）; } nullを返します。 }3。ページプラグインの使用
< xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "x-ua-compatible" content = "ie = edge"> <meta http-equiv = "content-type" content = "text/html; html; html; content = "width = device-width; initial-scale = 1.0"> <meta name = "viewport" content = "width =" device-width、height = device-height、inital-scale = 1.0、user-scalable = no; "> <meta name =" apple-mobile-web-capable "content ="> <meta name = "apple-mobile-web-app-status-bar-style" content = "black"> <meta name = "format-retection" content = "電話="> <％@ common/meta.jsp "％"％> <％@ inctor file = "/web-inf/include/tagtld.jss Language = "Java" Import = "Java.util。*" pageEncoding = "utf-8"％> <％@ common/css.jsp "％> </head> <body> <div> <div> < <tr> <td> <div> <span> $ {stock.openequity}：$ {stock.capitalaccount} <％ - *** $ {fn：substring（stock.capitalacount、3,5）} - ％> </span> <c：test = "$ {stock.transactionstatus = = 0> </c> </c> </c> < <c：if test = "$ {stock.transactionstatus == 1}"> <a>返金</a> </c：if> </div> <div> <div> <span>株式市場価値= "$ {empty stock.abailable？0：stock.available}"資金：<fmt：formatnumber value = "$ {empty stock.ablemoney？0：stock.ablemoney}" pattern = "＃、###、## 0.00"/> yuan </span> </div> <div> < src = "../ images_yqb/mejtou.png"/> </a> </div> </div> <div>公開：<fmt：formatdate value = "$ {createtime}" pattern = "yyyyy.mm.d" // </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> <link href = "../ css/wxyqb.css" rel = "styleSheet" type = "/css src = "$ {ctx} /js/dropload.min.js" type = "text/javascript"> </script> </html> <script> // dropload（var counter = 1; // show 5 var nums per page = 5; var pagestart = 0; pageend = 0;/dropload $（ '。 ：window、domup：{domclass： 'dropload-up'、domrefresh： '<div>↓Pull-Down Refresh-Custom Content </div>'、domupdate： '<div>↑更新 - カスタムコンテンツをリリースする</div>'、domload： '<div> <span> </span>ロードcustomコンテンツ... '<div>↑をロードする</div>'、domload： '<div> <span> </span> loading ... </div>'、domnodata： '<div> no more comments </div>'}、loadupfn：function（me）{$ .ajax（{type： 'post'、url： '$ {ctx}/wxyqb/ fidtaktdtaktdtaデータ：{userid：$ {fuuser.id}}、 'json'、function（data）{var i = 0; i <data.array.length; i ++）{var arrtext = []; class = 'upth'> <span class = 'bluecol siz'> "+data.array [i] .openequity+"： "+data.array [i] .openequity+" </span> "）; if（data.array [i] .transactionstatus == 0）{arrtext.push（" <a class = 'czing'> "+data.array [i] .status+" </a> </div> "）;} if（data.array [i] .transactionstatus == 1）{arrtext.push（" <a class = 'bacing'> "+data.array [i] .status+" class = 'lownlis'> <div class = 'leftdown'> <span class = 'leftdofir'>株式市場値： "+data.array [i] .available+" yuan </span> </div> "）; arrtext.push（" <div class = 'rgtdown'> <a href = '$ {ctx} /wxyqb/accountinfo.htm?id = "+data.array [i] .id+"'> <img class = 'lftjt' src = '../images_yqb/mejtou.png' /// </a> class = 'ticketdat'>公開： "+data.Array [i] .createtime+" </div> </td> </tr> "）; result+= arrtext.join（ ''）;} //テストの場合、1秒のロードsetimeout（function（）{$（ '。findticin'）。リセット、1000）、function（xhr、type）{ajax error！ '）; '$ {ctx} /wxyqb/findticketdata.htm'、データ：{userid：$ {fuuser.id}}、 'json'、success：function（data）{var length = data.array.lengt （ "。$ 5） class = 'smallsize firsttd'> "）; arrtext.push（" <div class = 'upth'> <span class = 'bluecol siz'> "+data.array [i] .openequity+"： "+data.array [i] .openequity+" </span> "）; class = 'czing'> "+data.array [i] .status+" </a> </div> "）;} if（data.array [i] .transactionstatus == 1）{arrtext.push（" <a class = 'czing'> "+data.array+" .status+"</a> </div>"）;} if（data.array [i] .transactionstatus == 1）{arrtext.push（ "<a class = 'bacing'>"+data.array [i] </a> </div> "）} push（" <div class = 'downlis'> "+data.array [i] .available+" yuan </span> </div> "）; arrtext.push（" <div class = 'rgtdown'> < src = '../images_yqb/mejtou.png' //// </a> </div> </div> "）; arrtext.push（" <div class = 'ticketdat'>公開： " +data.array [i] createtime +" </div> </td> </tr> "; result = arrtext.join（I +1.Join data.array.lock（）; function（xhr、type）{alert（ 'ajax error！'）;上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。