В этой статье используется конкретный код подключаемого модуля Dropload, чтобы снять и загружать данные для вашей ссылки. Конкретный контент заключается в следующем
Изображение воспроизведения:
1. Импорт JS
Dropload.min.js
Zepto.min.js <!-Выберите один из jQuery1.7 или выше или Zepto, не цитируйте их в то же время->
2. Бэкэнд запрос
/ ** * Я искал * * @return */ @action ("ifindticket") public String ifindticket () {try {thransaction transaction = FutransCARCESVICE.FINDBYUSERID (userID); Map <string, object> map = new hashmap <string, object> (); map.put ("transactionId", transaction == null? 0l: transaction.getid ()); Список <fustockaccount> accounts = fustockaccountservice.findaccountbymap (0, 5, map); this.getActionContext (). PUT («Счета», учетные записи); } catch (Exception 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 ()); Список <fustockaccount> accounts = fustockaccountservice.findaccountbymap (0, integer.max_value, map); JsonObject json = new jsonObject (); Jsonarray array = new jsonarray (); if (accounts.size ()> 0) {for (faustockaccount account: accounts) {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? "" hoperation ":" отступил "); obj.put ("доступен", new 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 ("массив", массив); написать (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-совместимый" content = "ie = edge"> <meta http-equiv = "content-type" content = "html; harset; utf- equiv =" content-type "=" htMl; Content = "width = width устройства; начальная шкала = 1,0"> <meta name = "viewport" content = "width = width device, высота = высота устройства, inital-scale = 1,0, максимальная шкала = 1,0, пользовательский шкалевый = no;"> <meta name = "Apple-mobile-web-capatable" content = "yes"> <meta name = "Apple-mobile-appable". name = "Apple-mobile-web-app-status-bar-style" content = "black"> <meta name = "format-detection" content = "thene = no"> <%@ include file = "../ common/meta.jsp"%> <%@ include file = "/web-inf/include/tagtld.jsp"%> <title> $ {title}}-tage@ witcher at watcher@ title {title}- Language = "java" import = "java.util.*" pageencoding = "utf-8"%> <%@ include file = "../ common/css.jsp"%> </head> <body> <div> <div> <div> <!-список-> <div> <Таблица CellPadding = "0" CellPocking = "0"> <C: for Peach = "$" accase "aclade" accass "? <tr> <td> <div> <pan> $ {stock.openequity}: $ {stock.capitalaccount} <%-*** $ {fn: substring (stock.capitalaccount, 3,5)}-%> </span> <c: if test = "$ {stock.transactionStatus == 0}"> </a> </a> </a> </a> </a> </a> <C: if test = "$ {stock.transactionStatus == 1}"> <a> возврат </a> </c: if> </div> <div> <div> <pan> рыночная стоимость фонда: <fmt: formatnumber value = "$ {пустые запасы. Фонды: <fmt: formatnumber value = "$ {yety stock.ablemoney? 0: stock.ablemoney}" pattern = "#, ###, ## 0.00"/> yuan </span> </div> <div> <a href = "$ {ctx} /wxyqb/accountinfo.htm?id = $ src = "../ Images_yqb/mejtou.png"/> </a> </div> </div> <div> Опубликовано в: <fmt: formatdate value = "$ {stock.createtime}" pattern = "yyyyy.mm.dd" // </div> </td> </td> </traeece> <// -divee> </treeach> </diveece> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> <link href = "../ css/wxyqb.cs" rel = "stylesheet" type = " src = "$ {ctx} /js/dropload.min.js" type = "text/javascript"> </script> </html> <script> // Dropload More (function () {var counter = 1; // show 5 var nums на страницу = 5; var pagestart = 0, pageend = 0; // dropload $ ('. Scrollarea: Window, Domup: {domclass: 'Droploadup', DomRefresh: '<div> ↓ Содержание обновления CORTH-custom </div>', Domupdate: '<div> ↑ Содержание обновления Custom Custom </div>', dompload: 'div> <pan> </span> custom-custom. : '<div> ↑, чтобы загрузить больше </div>', domload: '<div> <pan> </span> загрузка ... </div>', domnodata: '<div> Нет больше комментариев </div>'}, ugportupfn: function (me) {$. Data: {userid: $ {fuuser.id}}, dataType: 'json', успех: 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) {arrTex.push (" < class = 'czing'> "+data.array [i] .status+" </a> </div> ");} if (data.Array [i] .transactionStatus == 1) {arrtext.push (" <a class = 'bacing'> "+data.array [i] .status+" </a> </divel '); class = 'downlis'> <div class = 'deasuddown'> <span class = 'LeftDofir'> Значение рынка фондового рынка: "+data.Array [i] .aveable+" 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> </div>; class = 'ticketdat'> опубликовано: "+data.array [i] .createTime+" </div> </td> </tr> "); result+= arrtext.join ('');} // для тестирования, задержка 1 секунду нагрузки (функция () {$ ('... - html (result); Сброс;}, 1000); '$ {ctx} /wxyqb/findticketdata.htm', данные: {userid: $ {fuuser.id}}, DataType: 'json', успех: function (data) {var length = data.ray.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] .transactionStatus == 0) {arrTect. class = 'czing'> "+data.array [i] .status+" </a> </div> ");} if (data.array [i] .transactionStatus == 1) {arrtext.push (" <a class = 'czing'> "+data.array [i] .status+" </a> </div> if (data.array [i] .transactionStatus == 1) {arrtex.push ("<a class = 'bacing'>"+data.array [i] .status+"</a> </div>"); "+Data.Array [i] .aileable+" yuan </span> </div> "); arrtext.push (" <div class = 'rgtdown'> <a href = '$ {ctx} /wxyqb/accountinfo.htm?id = "+data.array [i] .id+"'> <img = 'lftjt = "+data.array [i] .id+" src = '../images_yqb/mejtou.png' ///// </a> </div> </div> "); arrtext.push (" <div class = 'ticketdat'> опубликовано: " +data.array [i] .createtime +" </div> </td> </tr> "); result += arrtext. Data.Array.length) {// Заблокировать me.lock (); Функция (xhr, type) {alert ('ajax ошибка!');Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.