บทความนี้แชร์รหัสเฉพาะของปลั๊กอิน Dropload เพื่อดึงลงและโหลดข้อมูลสำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
ภาพการทำซ้ำ:
1. นำเข้า JS
Dropload.min.js
zepto.min.js <!-เลือกหนึ่งใน jQuery1.7 หรือสูงกว่าหรือ zepto อย่าอ้างพวกเขาในเวลาเดียวกัน->
2. การสืบค้นแบ็กเอนด์
/ ** * ฉันมองหา * * @return */ @Action ("iFIndTicket") สตริงสาธารณะ ifindTicket () {ลอง {ธุรกรรม futransaction = futransactionService.findbyUserId (userId); แผนที่ <string, Object> map = new hashmap <string, object> (); map.put ("transactionId", ธุรกรรม == null? 0l: transaction.getId ()); รายการ <FustockAccount> บัญชี = FustockAccountService.FindAccountByMap (0, 5, แผนที่); this.getActionContext (). ใส่ ("บัญชี", บัญชี); } catch (exception e) {e.printstacktrace (); logger.equals (e); } คืนความสำเร็จ; } / ** * ข้อมูลที่ฉันกำลังมองหา * * @return * / @Action ("findTicketData") สตริงสาธารณะ findTicketData () {ลอง {ธุรกรรม futransaction = futransactionService.findbyUserId (userId); แผนที่ <string, Object> map = new hashmap <string, object> (); map.put ("transactionId", ธุรกรรม == null? 0l: transaction.getId ()); รายการ <FustockAccount> บัญชี = FustockAccountService.findAccountByMap (0, Integer.max_value, แผนที่); jsonObject json = new JsonObject (); jsonArray array = new jsonArray (); if (accounts.size ()> 0) {สำหรับ (บัญชี fustockaccount: บัญชี) {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 ("สถานะ", account.getTransactionstatus ()); obj.put ("สถานะ", account.getTransactionstatus () == 0? "การดำเนินการ": "retreated"); obj.put ("พร้อมใช้งาน", decimalformat ใหม่ ("#, ###, ## 0.00"). format (account.getAvailable () == null? 0: account.getAvailable ())); obj.put ("Ablemoney", decimalformat ใหม่ ("#, ###, ## 0.00"). รูปแบบ (account.getableMoney () == null? 0: account.getableMoney ())); obj.put ("createTime", ใหม่ simpledateFormat ("yyyy.mm.dd"). รูปแบบ (account.getCreateTime ())); array.add (obj); }} json.put ("อาร์เรย์", อาร์เรย์); เขียน (json.toString ()); } catch (exception e) {e.printstacktrace (); logger.error (e); } return null; -3. การใช้ปลั๊กอินหน้า
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ide = edge"> <meta http-equiv = "content-type" content = "width = ความกว้างของอุปกรณ์; ระดับเริ่มต้น = 1.0"> <meta name = "viewport" content = "width = ความกว้างของอุปกรณ์, ความสูง = ความสูงของอุปกรณ์, inital-scale = 1.0, ระดับสูงสุด = 1.0, user-scalable = ไม่; name = "apple-mobile-web-app-status-bar-bar" content = "black"> <meta name = "การตรวจจับรูปแบบ" เนื้อหา = "โทรศัพท์ = ไม่"> <%@ รวมไฟล์ = "../meta.jsp"%> <%@ include = "/web-inf/include/tagtld.jsp" language = "java" import = "java.util.*" pageencoding = "utf-8"%> <%@ include file = "../ common/css.jsp"%> </head> <body> <div> <div> <div> <! <tr> <td> <div> <span> $ {stock.openequity}: $ {stock.capitalaccount} <%-*** $ {fn: substring (stock.capitalaccount, 3,5)}-%> </span> test = "$ {stock.transactionStatus == 1}"> <a> เงินคืน </a> </c: ถ้า> </div> <div> <div> <pan> มูลค่าตลาดหุ้น: <fmt: รูปแบบค่าจำนวน = "$ {ว่างเปล่า <fmt: formatNumber value = "$ {stock emport.ableMoney? 0: stock.ableMoney}" pattern = "#, ###, ## 0.00"/> yuan </pan> </div> <div> <a href = "$ {ctx} /wxyqb/accountinfo.htm?id =" $ {ctx src = "../ images_yqb/mejtou.png"/> </a> </div> </div> <div> เผยแพร่เมื่อ: <fmt: formatdate value = "$ {stock.createtime}" pattern = "yyyyy.mm.dd" // </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 เพิ่มเติม $ (function () {var counter = 1; $ ('. findticList'). dropload ({scrollarea: หน้าต่าง, domup: {domclass: 'dropload-up', domrefresh: '<div> ↓เนื้อหาการรีเฟรชแบบดึงลง </div>' </div> ' }, domdown: {domclass: 'dropload-down', domrefresh: '<div> ↑เพื่อโหลดมากขึ้น </div>', domload: '<div> <span> </span> การโหลด ... </div>', domnodata: '<div> ไม่มีความคิดเห็นเพิ่มเติม '$ {ctx} /wxyqb/findticketdata.htm', ข้อมูล: {userId: $ {fuuser.id}}, dataType: 'json', ความสำเร็จ: data) {var result = ''; 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> ");} ถ้า (data.array [i] .transactionstatus == 1) {arrtext.push (" <a class = 'bacing'> "+data.array [i] class = 'downlis'> <div class = 'leftdown'> <span class = 'leftdDofir'> มูลค่าตลาดหุ้น: "+data.array [i] href = '$ {ctx} /wxyqb/accountinfo.htm?id = "+data.array [i] .id+"'> <img class = 'lftjt' src = '../images_yqb/mejtou.png' /// "+data.array [i] .createTime+" </div> </td> </tr> "); ผลลัพธ์+= arrtext.join ('');} // สำหรับการทดสอบล่าช้า 1 วินาทีการโหลด settimeout (ฟังก์ชัน () {$ ('findticin') ข้อผิดพลาด: ฟังก์ชั่น (XHR, Type) {Alert ('AJAX ERROR!'); {userId: $ {fuuser.id}}, datatype: 'json', ความสำเร็จ: ฟังก์ชั่น (ข้อมูล) {var length = data.array.length; $ (". dropload -load").) class = 'bluecol siz'> "+data.array [i] .Openequity+": "+data.array [i] .Openequity+" </span> "); ถ้า (data.array [i] .transactionstatus == 0) if (data.array [i] .transactionStatus == 1) {arrtext.push ("<a class = 'czing'>"+data.array [i] .status+"</a> </div>"); class = 'bacing'> "+data.array [i] .status+" </a> </div> ");} arrtext.push (" <div class = 'downlis'> <div class = 'leftdown'> <span class = 'leftdofir'> class = 'rgtdown'> <a href = '$ {ctx} /wxyqb/accountinfo.htm?id = "+data.array [i] .id+"'> <img class = 'lftjt' src = '../images_yqb/mejtou.png' //////// arressh.push ("div class = 'ticketdat'> เผยแพร่:" data.array [i] .createtime +"</div> </td> </tr การทดสอบ, การชะลอตัว (ฟังก์ชั่น () {$ ('. findticin'). ต่อภาคผนวก (ผลลัพธ์); // ทุกครั้งที่ข้อมูลถูกโหลด, me.resetload () ต้องรีเซ็ต;}, 1000); รีเซ็ต;ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น