이 기사에서는 Dropload 플러그인의 특정 코드를 공유하여 참조를 위해 데이터를 끌어 내리고로드합니다. 특정 내용은 다음과 같습니다
생식 이미지 :
1. JS 가져 오기
dropload.min.js
Zepto.min.js <!-JQuery1.7 이상 중 하나 또는 Zepto 중 하나를 선택하고 동시에 인용하지 마십시오.
2. 백엔드 쿼리
/ ** * * * @return */ @Action ( "ifindTicket") 공개 문자열 ifindticket () {try {futransaction transaction = futransactionservice.findbyUserId (userId); map <string, object> map = new Hashmap <String, Object> (); map.put ( "transactionId", transaction == null? 0l : transaction.getId ()); List <FustockAccount> 계정 = fustockaccountservice.findaccountbymap (0, 5, 맵); this.getActionContext (). put ( "계정", 계정); } catch (예외 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 ()); List <FustockAccount> 계정 = fustockaccountservice.findaccountbymap (0, integer.max_value, map); jsonobject json = new jsonobject (); JSONARRAY ARRAY = NEW JSONARRAY (); if (ac obj.put ( "id", accound.getId ()); obj.put ( "openequity", accound.getopenequity ()); obj.put ( "CapitalAccount", account.getCapitalAccount ()); obj.put ( "TransactionStatus", accound.getTransactionStatus ()); obj.put ( "status", accound.getTransactionStatus ()); obj.put ( "status", ac obj.put ( "usail", new Decimalformat ( "#, ###, ## 0.00"). 형식 (ac obj.put ( "Ablemoney", New Decimalformat ( "#, ###, ## 0.00"). 형식 (Account.getableMoney () == null? 0 : account.getableMoney ()); obj.put ( "CreateTime", New SimpledateFormat ( "yyyy.mm.dd"). 형식 (Account.getCreateTime ()); Array.add (obj); }} json.put ( "배열", 배열); write (json.tostring ()); } catch (예외 e) {e.printstacktrace (); logger.error (e); } return null; }3. 페이지 플러그인 사용
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w.w.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><Html xmlns = "http://www.w3.org/1999/xhtml"> <head> <head> <meta http-equiv = "x-ua-compatible"content = "ie = edge"> <meta http-equiv = "content-type"content = "text/html; charsport; content = "width = device-width; 초기 스케일 = 1.0"> <meta name = "viewport"content = "width ="device-width, height = device-height, inital-scale = 1.0, maximum-scale = 1.0, user-scalable = no; "> <meta name ="apple-mobile-web-app-capable ""yes "> <meta 이름 = "Apple-Mobile-web-app-status-bar 스타일"내용 = "black"> <meta name = "format-detection"content = "telepher ="no "> <%@ contin/meta.jsp"%> <%@ include = "/web-inf/conlude/tagtld.jsp"%> {title}-voucher i </tite> </tite> 언어 = "java"import = "java.util.*"pageEncoding = "utf-8"%> <%@ conlud file = "../ common/css.jsp"%> </head> <liv> <div> <!-list-> <div> <table cellpadding = "0"셀 패팅 = "0"> <c : foreach in {acrounts = ""$. <tr> <td> <div> <span> $ {stock.openequity} : $ {stock.capitalaccount} <%-*** $ {fn : substring (stock.capitalaccount, 3,5)}-%> </span> <c : if test = "$ {stock.transactions == 0}"> </a> </a>> <c : if test = "$ {stock.transactionStatus == 1}"> <a> 환불 </a> </a> </a> </a> </a> </a> </a> </c : if> </div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <span> 주식 시장 가치 : <fmt : formatnumber value = "$ {empty stock.available? 0 : stock.available}"pattern = "#, ### 자금 : <fmt : formatnumber value = "$ {빈 주식 .AbleMoney? 0 : stock.ableMoney}"pattern = "#, ###, ## 0.00"/> yuan </span> </div> <div> <a href = "$ {ctx} /wxyqb/accountinfo.htm?id = $ {im src = "../ images_yqb/mejtou.png"/> </a> </a> </div> </div> <div> 게시 : <fmt : formatdate value = "$ {stock.createTime}"Pattern = "yyyyy.mm.dd"// </td> </td> </c : foreCh> </c : foreCh> </td> </td> < </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></body><link href="../css/wxYqb.css" rel="stylesheet" type="text/css" /><script src = "$ {ctx} /js/dropload.min.js"type = "text/javaScript"> </script> </html> <cript> // dropload more $ (function () {var counter = 1; // 페이지 = 5; var pagestart = 0, pageend = 0; findticload $ (findlist '). scrollarea : window : {domclass : 'dropload-up', domrefresh : '<div> ↓ 풀다운 새로 고침 CUSTOM Content </div>', domupdate : '<div> ↑ 릴리스 업데이트-커스텀 컨텐츠 </div>', domload : '<div> <span> </span> 로딩 커스텀 컨텐츠 ... </divloply}, domclass :', domclass : '<div> ↑ 더 많은로드 </div>', domload : '<div> <span> </span> 로딩 ... </div>', domnodata : '<div> 더 이상 댓글 </div>'}, loadupfn : function (me) {$ .ajax ({type : 'post', url : '$ {ctx}/wxtm/htatata.htatatata.htat. {userId : $ {fuuser.id}}, 'JSON', 성공 : function = ''; class = 'upth'> <span class = 'bluecol siz'> "+data.array [i] .openequity+": "+data.array [i] .openequity+"</span> "); if (data.array [i] .transactionStatus == 0) {arttext.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+"</a> "; class = 'downlis'> <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> </div> "; class = 'ticketDat'> 게시 : "+data.array [i] .createTime+"</div> </td> </tr> "); result+= arrtext.join ( '');} // 테스트를 위해 1 초로드 Settimeout (function () {$ ( '. findticin').) 재설정; '$ {ctx}/wxyqb/findticketdata.htm', data : {userid : $ {fuuser.id}}, 'json', success (data) {var length = data.array.length if <= 5) Firsttd '> "); arrtext.push ("<div class ='upth '> <span class ='bluecol siz '> "+data.array [i] .openequity+": "+data.array [i] .openequity+"</span> "); if (data.array [i] .transaction = 0) {arrtext class = 'czing'> "+data.array [i] .status+"</a> </div> ");} if (data.array [i] .transactionStatus == 1) {arrtext.push ("<a czzing '> "+data.array [i] .status+"</a> ");}; if (data.array [i] .transactionStatus == 1) {arrtext.push ( "<a class = 'bacing'>"+data.array [i] .Status+"</a> </divice"); "+data.array [i] .available+"yuan </span </span> </div> "); arrtext.push ("<div class = 'rgtdown'> <a href = '$ {ctx} /wxyqb/accountinfo.htm?id = "+data.array [i] .id+"> src = '../images_yqb/mejtou.png'//// </a> </a> </a> </div> </div> "); arrtext.push ("<div class = 'ticketDat'> 게시 : " +data.array [i] .createTime +"</div> </td> </tr> "; result += (i); data.array.length) {// data no.nodata (); function (xhr, type) {alert ( 'ajax error!');위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.