Artikel ini membagikan kode spesifik plug-in dropload untuk menarik ke bawah dan memuat data untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
Gambar reproduksi:
1. Impor JS
DRETLOAD.MIN.JS
zepto.min.js <!-Pilih salah satu jQuery1.7 atau di atas atau zepto, jangan mengutipnya pada waktu yang sama->
2. Kueri Backend
/ ** * Saya mencari * * @return */ @action ("ifindticket") string publik ifindticket () {coba {futransaction transaction = futransactionService.findbyuserid (userid); Peta <string, object> peta = hashmap baru <string, object> (); Map.put ("TransactionId", Transaction == NULL? 0L: Transaction.getId ()); Daftar <FustockAccount> akun = fustockaccountservice.findaccountbymap (0, 5, peta); this.getActionContext (). put ("akun", akun); } catch (Exception e) {E.PrintStackTrace (); logger.equals (e); } mengembalikan kesuksesan; } / ** * Data yang saya cari * * @return * / @action ("findTicketData") string publik findTicketData () {coba {futransaction transaction = futransactionService.findbyuserid (userid); Peta <string, object> peta = hashmap baru <string, object> (); Map.put ("TransactionId", Transaction == NULL? 0L: Transaction.getId ()); Daftar <FustockAccount> akun = fustockaccountservice.findaccountbymap (0, integer.max_value, peta); JsonObject json = new jsonobject (); Jsonarray array = new jsonarray (); if (accounts.size ()> 0) {for (fustockaccount akun: akun) {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? "Operasi": "Retreted"); obj.put ("Tersedia", New DecimalFormat ("#, ###, ## 0.00"). Format (Account.GetaVailable () == NULL? 0: ACCOUND.GETAVAILABLE ())); obj.put ("ablemoney", decimalformat baru ("#, ###, ## 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); tulis (json.tostring ()); } catch (Exception e) {E.PrintStackTrace (); Logger.Error (e); } return null; }3. Penggunaan halaman plug-in
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "x-ua-compatible" content = "ie = edge"> <meta http-equiv = "content-type" content = "teks/html; content = "width = perangkat-lebar; skala awal = 1.0"> <meta name = "viewport" content = "width = device-width, height = device-height, inital-scale = 1.0, skala maksimum = 1.0, scalable user = tidak;"> <meta name = "apple-mobile-aB-appable" ya "ya"> <meta name = "apple-mobile-papable" ya "ya"> Ya "> <meta name =" Meta-MoJile-WEB-APPABLE "YA" YA "YA" YA "YA" YA "" YA "YA" YA "APPABLE-MOTA-MOBILE-WEB-APPABLE" YA "YA" YA "YA" YA "YA" YA "APPABLE-META" name = "Apple-Mobile-Web-App-Status-Bar-style" Content = "Black"> <meta name = "format-deteksi" content = "Telepon = no"> <%@ include file = "../ Common/Meta.jsp" title <%@ incert file = "/web-inf/include/tagtld.jsp"%title> $@ title {title@ title {title@/web-inf/tag bahasa = "java" import = "java.util.*" pageEncoding = "utf-8"%> <%@ include file = "../ Common/css.jsp"%> </head> <body> <div> <div> <div> <!-daftar-> <Div> <Table CellPadding = "0" Cellpacing = "0" 0 " <tr> <td> <div> <span> $ {stock.openequity}: $ {stock.capitalAccount} <%-*** $ {fn: substring (stock.capitalAccount, 3,5)}-%> </span> <c: if test = "$ {stock.transactionscatus == 0} </span> <c: if test =" $ {stock.transactionSactatus == 0} <C: jika uji = "$ {stock.transacticatus == 0 if {coM {coM {coStatus = test = "$ {stock.transactionStatus == 1}"> <a> dikembalikan </a> </c: if> </div> <viv> <span> <span> Nilai pasar saham: <fmt: formatnumber value = "$ {stock. <fmt: formatNumber value = "$ {stock.ablemoney? 0: stock.ablemoney}" pola = "#, ###, ## 0.00"/> yuan </span> </div> <v> <a href = "$ {ctx} /wxyqb/accountinfo.htm? src = "../ gambar_yqb/mejtou.png"/> </a> </div> </div> <verv> diterbitkan pada: <fmt: format nilai = "$ {stock.createTime}" pattern = "yyyy.mm.dd" // </div> </td> </td> </td </c: c: c: c: td: tdeach> </td: tdeach> </td: tdeR> </td: TABT> </td: TAUT/TDP: TABT/CITEACK: TAUT/TAB </t {/tdeR> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> <link href = "../ css/wxyqb.css" rel = "stylesheet" type = "teks/css"/> src = "$ {ctx} /js/dropload.min.js" type = "text/javaScript"> </script> </html> <script> // dropload lebih banyak $ (function () {var counter = 1; // tunjukkan 5 var nums per halaman = 5; var var pagestttart () {pageend = 0; // // ////lepas lepas $ 5. scrollarea: window, domup: {domclass: 'depat-up', domrefresh: '<div> ↓ konten refresh-custom pull-down </div>', domupdate: '<div> ↑ rilis pembaruan konten-custom content </div>', domload: '<van> <span> </span> konten loading-custom loading ... <//</</ domrefresh: '<div> ↑ untuk memuat lebih banyak </div>', domload: '<div> <span> </span> memuat ... </div>', domnodata: '<div> Tidak ada lagi komentar </div>'}, loadupfn: function (me) {$ .Ajax ({type: 'pos, url: '$ {ctx} /wxyqb/findticketdata.htm', data: {UserId: $ {fuuser.id}}, dataType: 'json', Success: function (data) {var hasil = ''; class = 'smallsize firsttd'> "); arrtext.push (" <div class = 'upth'> <span class = 'bluecol siz'> "+data.array [i] .openequity+": "+data. class = 'czing'> "+data.array [i] .status+" </a> </div> ");} if (data.array [i] .transactionStatus == 1) {arrtext.push (" <a class = 'bacing'> "+data.array [i] .status+" </a "</a </a" </div; class = 'downlis'> <div class = 'leftdown'> <span class = 'leftDofir'> Nilai pasar saham: "+data.array [i] .haveilable+" yuan </span> </div> "); arrtext.push (" <div class = 'rgtdown'> <a href = '$ {ctx} /wxyqb/accountInfo.htm?id = "+data.array [i] .id+"> <img class =' lftjt 'src =' ../gambar_yqb/mejtou.png '/// </a> </div> </divus>; (arurtou; (arurto. " class = 'TicketDat'> Diterbitkan: "+data.array [i] .createTime+" </div> </td> </tr> "); hasil+= arrtext.join ('');} // untuk pengujian, tunda 1 setTimeout (function) {$ () {$ ('. reset;}, 1000); '$ {ctx} /wxyqb/findticketdata.htm', data: {UserId: $ {fuuser.id}}, datape: 'json', keberhasilan: function (data) {var length = data.array.leng if (= 5) {$ (" class = 'smallsize firsttd'> "); arrtext.push (" <div class = 'upth'> <span class = 'bluecol siz'> "+data.array [i] .openequity+": "+data. class = 'czing'> "+data.array [i] .status+" </a> </div> ");} if (data.array [i] .transactionStatus == 1) {arrtext.push (" <a class = 'czing'> "+data.array [i] .status+" </a> </a> ">" dive.array [i] .status+"</a> </a>"> "+Data.array [i] .Status+" </a> </dive; "); 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.ray [i]. src = '../images_yqb/mejtou.png' //// </a> </div> </div> "); arrtext.push (" <div class = 'ticketDat'> dipublikasikan: " +data. data.array.length) {// lock me.lock (); function (xhr, type) {alert ('Ajax error!');Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.