Dieser Artikel teilt den spezifischen Code des Dropload-Plug-Ins mit, um Daten für Ihre Referenz abzurufen und zu laden. Der spezifische Inhalt ist wie folgt
Reproduktionsbild:
1. Import JS
Dropload.min.js
Zepto.min.js <!-Wählen Sie einen von Jquery1.7 oder höher oder zepto, zitieren Sie sie nicht gleichzeitig->
2. Backend -Abfrage
/ ** * Ich suchte nach * * @return */ @Action ("ifindTicket") public String ifIndTicket () {try {futransaction transaction = futransactionService.findbyUserid (userId); Karte <String, Objekt> map = new HashMap <String, Object> (); map.put ("transactionId", transaction == null? 0l: transaction.getId ()); Liste <FustockAccount> Accounts = FustockAccountService.FindAccountByMap (0, 5, Karte); this.getActionContext (). Put ("Konten", Konten); } catch (Ausnahme e) {e.printstacktrace (); logger.equals (e); } Return Success; } / ** * Die Daten, nach denen ich suche * * @return * / @Action ("findTicketData") public String findTicketData () {try {futransaction transaction = futransactionsservice.findbyUserid (userId); Karte <String, Objekt> map = new HashMap <String, Object> (); map.put ("transactionId", transaction == null? 0l: transaction.getId ()); Liste <FustockAccount> Konten = FustockAccountService.FindAccountByMap (0, Integer.max_Value, Karte); JsonObject json = new JsonObject (); JsonArray Array = new JsonArray (); if (contacess.size ()> 0) {für (FustockAccount -Konto: Konten) {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? "Betrieb": "Retreated"); obj.put ("verfügbar", neues DecimalFormat ("#, ###, ## 0.00"). Format (Account.GetAVailable () == NULL? 0: Account.GetAVailable ()); obj.put ("aBlemoney", New DecimalFormat ("#, ###, ## 0.00"). Format (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 (Ausnahme e) {e.printstacktrace (); logger.Error (e); } return null; }3. Verwendung von Seiten-Plug-Ins
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"><Htmlmlml xmlns = "http://www.w3.org/1999/xhtml"> <kopf> <meta http-equiv = "x-ua-compatible" content = "ie = edge"> <meta http-äquiv = "content-type" content = "text/html; chars content = "width = Gerätebreite; Initial-Scale = 1,0"> <meta name = "viewPort" content = "width = Gerätebreite, Höhe = Gerätehöhe, Inital-Scale = 1,0, Maximum-Scale = 1,0, Benutzer scalable = no;" name="apple-mobile-web-app-status-bar-style" content="black"><meta name="format-detection" content="telephone=no"><%@ include file="../common/meta.jsp" %><%@ include file="/WEB-INF/include/tagtld.jsp"%><title>${title}-The voucher I found</title><%@ page Sprache = "java" import = "java.util. <tr> <td> <div> <span> $ {stock.openequity}: $ {stock.capitalAccount} <%-*** $ {fn: substring (capitalAccount, 3,5)}-%> </span> <c: if test = "$ {{{ctransactionstatus === 0} </} <a> <a> </C. test = "$ {stock.transactionStatus == 1}"> <a> Rückerstattung </a> </c: if> </div> <div> <div> <span> Aktienmarktwert: <fmt: formatnumber value = "$ {leer stock.available? <fmt: formatnumber value = "$ {leer stock.ablemoney? 0: stile.ablemoney}" muster = "#, ###, ## 0.00"/> yuan </span> </div> <div> <a href = "$ {ctx} /wxyqb/acccountinfo.htm?id = $ {{{{> <> <img. src = "../ Images_yqb/mejtou.png"/> </a> </div> </div> <div> veröffentlicht auf: <fmt: formatdate value = "$ {stock </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> <link href = "../ CSS/WXYQB.CSS" rel = "stylesheet" type = "text/css"/> <script "/> <Script src = "$ {ctx} /js/dropload.min.js" type = "text/javaScript"> </script> </html> <script> // Dropload more $ (function () {var counter = 1; // 5 var nums pro Seite = 5; var pagestart = 0, pageend = 0; Fenster, DomUp: {Domclass: 'Dropload-up', DomreFresh: '<Div> ↓ Pull-Down-Refresh-Custom-Inhalt </div>', DomUpdate: '<Viv> ↑ Veröffentlichungs-Update-Cust-Cust-Inhalt von Release. '<div>↑ to load more</div>', domLoad : '<div><span></span>Loading...</div>', domNoData : '<div>No more comments</div>' }, loadUpFn : function(me){ $.ajax({ type: 'POST', url: '${ctx}/wxyqb/findTicketData.htm', Daten: {userId: $ {fuuser.id}}, DataType: 'JSON', Erfolg: Funktion (Daten) {var result = ''; class = 'upth'> <span class = 'bluecol siz'> "+data.Array [i] .Openequity+": "+data.Array [i] .Openequity+" </span> "); if (Data.Array [i] .TransactionStatus == 0) {arrtext.push (" <a <a <a <a <a <a <a <a <a) <a <a <a <a <a <a class = 'czing'> "+data.Array [i] .status+" </a> </div> ");} if (data.array [i] .transactionStatus == 1) {arrText.push (" <a class = 'bacing'> "+data.array [i] .status+" </a "</" </"). class = 'downlis'> <div class = 'linksdown'> <span class = 'linksdofir'> Aktienmarktwert: "+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 = '../mictual_yqb/mejtou.png' // </a> </div> </div> </div>;)); class = 'ticketDat'> veröffentlicht: "+data.array [i] .createtime+" </div> </td> </tr> "); Ergebnis+= arrText.join ('');} // zum Testen, zum Testen von 1 Sekunde Lade -Set -Set -Set -Set -Set () {$ ('$ (' fandicin). Reset; '$ {ctx} /wxyqb/findticketdata.htm', Daten: {userId: $ {fuuser.id}}, Datentyp: 'JSON', Erfolg: Funktion (Daten) {var Länge = Data.Array.Array.Length if (Länge <= 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' if (Data.Array [i] .TransactionStatus == 1) {arrtext.push ("<a class = 'bacing'>"+data.Array [i] .Status+"</a> </div>"); "+data.Array [i] .Available+" yuan </span> </div> "); arrText.push (" <div class = 'rgtdown'> <a href = '$ {ctx} /wxyqb/accountinfo.htm?id = "+data.array [i]. src = '../images_yqb/mejtou.png' /// </a> </div> </div> "); arrText.push (" <div class = 'ticketDat'> veröffentlicht: " +data.array [i] .Createtime +" </div> </td> </trid "). Data.Array.Length) {// me.lock (); Funktion (XHR, Typ) {alert ('AJAX -Fehler!');Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.