Este artigo compartilha o código específico do plug-in do DropLoad para puxar e carregar dados para sua referência. O conteúdo específico é o seguinte
Imagem de reprodução:
1. Importar JS
DropLoad.min.js
zepto.min.js <!-Escolha um dos jQuery1.7 ou acima ou zepto, não os cite ao mesmo tempo->
2. Consulta de back -end
/ ** * Eu procurei * * @return */ @Action ("ifindticket") public string ifindticket () {try {Futransaction transaction = FutransactionService.findbyuserID (UserID); Mapa <string, object> map = new hashmap <string, object> (); map.put ("transactionID", transação == null? 0l: transaction.getId ()); Lista <FustockAccount> Accounts = FustockAccountService.FindAccountByMap (0, 5, mapa); this.getActionContext (). put ("contas", contas); } catch (Exceção e) {e.printStackTrace (); logger.equals (e); } retornar sucesso; } / ** * Os dados que estou procurando * * @return * / @action ("findticketData") public string findticketData () {try {futransaction transaction = futransactionService.findbyuserID (userID); Mapa <string, object> map = new hashmap <string, object> (); map.put ("transactionID", transação == null? 0l: transaction.getId ()); List <FustockAccount> Accounts = fustockaccountService.findaccountbymap (0, Integer.max_value, mapa); JsonObject json = new jsonObject (); JsonArray Array = new JsonArray (); if (conta.size ()> 0) {para (conta FustockAccount: Accounts) {jsonObject obj = new jsonObject (); obj.put ("id", conta.getId ()); obj.put ("OpenEquity", conta.getOpenequity ()); obj.put ("CapitalAccount", Account.getCapitalAccount ()); obj.put ("transactionStatus", conta.gettransactionStatus ()); obj.put ("status", conta.gettransactionStatus ()); obj.put ("status", conta.getTransactionStatus () == 0? "Operation": "Retutouout"); obj.put ("disponível", novo decimalformat ("#, ###, ## 0.00"). formato (account.getAVALABLE () == null? 0: account.GetAVALABLE ())); obj.put ("Aleblemoney", novo decimalformat ("#, ###, ## 0.00"). formato (account.getableMoney () == null? obj.put ("createTime", novo simpledateFormat ("yyyy.mm.dd"). formato (account.getCreateTime ())); Array.add (OBJ); }} json.put ("Array", Array); write (json.toString ()); } catch (Exceção e) {e.printStackTrace (); Logger.error (e); } retornar nulo; }3. Uso de plug-ins de página
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "x-ua-compatible" content = "ie = borda"> <meta http-equiv = "content-type" = "text/text/text/" content = "width = dispositivo de dispositivo; escala inicial = 1,0"> <meta name = "viewport" content = "largura = largura do dispositivo, altura = altura do dispositivo, escala inital = 1,0, escala máxima = 1,0, scalable do usuário = não"> <meta "" Apple-mobile-web-App-Capable " name = "Apple-mobile-web-app-status-bar" content = "Black"> <meta name = "format-detection" content = "telefone = não"> <%@ incluir file = "../ common/meta.jsp"%> <%@ incluir file = "/web-inf/incluir/tagtld.jsp"%<title> $ {title> {title title "/title/tatld.jsp"/title <titer> <%@ incluir title = "/web-inf/incluir/tagtld.jsp"%> <title> {title> {title> {title/tatld.jsp.jsp "<tither> <%@ incluir title ="/web-inf/incluir/tagtld.jsp "%> <tits> idioma = "java" import = "java.util.*" PageEncoding = "utf-8"%> <%@ incluir file = "../ Common/css.jsp"%> </ad Head> <body> <div> <div> <div> <!-List-> <dit> <blypadding = "0" 0 "CellPacing = 0"> <! <tr> <td> <div> <span>${stock.openEquity }:${stock.capitalAccount}<%-- ***${fn:substring(stock.capitalAccount,3,5)} --%></span> <c:if test="${stock.transactionStatus==0 }"> <a>Operating</a> </c:if> <c:if test = "$ {stock.transactionStatus == 1}"> <a> Reembolso </a> </c: if> </div> <div> <div> <npan> Valor da mercado de ações: <fmt: formatNumber Value = "$ {empty stock.Available? <fmt: formatNumber value = "$ {empty stock.ableMoney? src = "../ imagens_yqb/mejtou.png"/> </a> </div> </div> <div> publicado em: <fmt: formatdate value = "$ {stock.createTime}" padrony = "yyyyy.mm.dd"//</div> </td> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> <link href = "../ css/wxyqb.css" rellesheet "type =" text/css "/css src = "$ {ctx} /js/dropload.min.js" type = "text/javascript"> </script> </html> <cript> // drogas mais $ (functicList () {var = 1; Mostrar 5 var nums = 5; var pagestart = 0, 0; 0; scrolleea: janela, domup: {domclass: 'DropLoad-up', DomRefresh: '<div> úbtero de refresco de retirada de retirada </div>', domupdate: '<div> ↑ Release update-custom Content </div>', domload: '<div> </span> " : '<div> ↑ para carregar mais </div>', domload: '<div> <mpan> </span> carregando ... </div>', domnodata: '<div> não mais comentários </div>'}, loadupfn: function (me) {$ .ajax ({type: 'pós', url: '$ {ct) Dados: {UserID: $ {Fuuser.id}}, Datatype: 'JSON', Sucesso: function (Data) {var Result = ''; class = 'UPTH'> <span class = 'bluecol siz'> "+data.array [i] .Openequity+": "+data.array [i] .Openequity+" </span> "); if (data.array [i] .TransactionStatus == 0) {ArtText.Push (" class = 'czing'> "+data.array [i] .status+" </a> </div> ");} if (data.array [i] .TransactionStatus == 1) {arrtext.push (" <a class = 'Bacing'> "+data.array [i]. class = 'downlis'> <div class = 'leftDown'> <span class = 'leftDofir'> Valor da mercado de ações: "+data.array [i] .Avilable+" yuan </span> </div> "); artext.push (" <div class = 'rgtdown'> <a href = '$ {ctx} /wxyqb/accountinfo.htm?id = "+data.array [i] .id+"'> <img class = 'lftjt' src = '../imagens_yqb/mejtou.png' // </a) class = 'ticketDat'> publicado: "+data.array [i] .createTime+" </div> </td> </tr> "); resultado+= arrtext.join ('');} // para teste, atraso 1 segundo, resfritTimeout (function) {$ ('. Reset; '$ {ctx}/wxyqb/findticketdata.htm', dados: {userID: $ {fuuser.id}}, datatype: 'json', success: holused (data) {var data.array.length; if (comprimento <= 5) {$ (" Firstd '> "); arrtext.push (" <div class =' upsth '> <span class =' bluecol siz '> "+data.array [i] .Openequity+": "+data.array [i] .Penequity+" </span>); se (data.array [i] .Transstatus ("a). class = 'czing'> "+data.array [i] .status+" </a> </div> ");} if (data.array [i] .TransactionStatus == 1) {arrtext.push (" <a class = 'czing'> "+data.array [i]. 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 = "+data.array [i] .id. src = '../imagens_yqb/mejtou.png' //// </a> </div> </div> "); arrtext.push (" <div class = 'ticketdat'> publicado: " +data.array [i] .createTime +" </div> </td> </th); Data.Array.Length) {// Lock me.lock (); função (xhr, tipo) {alert ('error de Ajax!');O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.