1. 程式人生 > >頁面開啟載入10條資料,點選更多載入更多資料

頁面開啟載入10條資料,點選更多載入更多資料

$(function () {
    var pageStart = 1;
    var pageCounter = 10;
    var id = $("#convergeId").val();
    /*首次載入*/
    userJoinList(pageStart, pageCounter);

    function userJoinList(nextPage, pageSize) {
        $.ajax({
            type: 'post',
            url: app.base + 'xxx' + id,
            data: {"pageView.currentPage": nextPage, "pageView.pageSize": pageSize},
            dataType: 'json',
            success: function (reponse) {
                // console.log(reponse);
                // alert(reponse.voList.length);
                var data = reponse.voList;
                $("#loanCurrentPage").val(reponse.currentPage);
                var result = '';
                for (var i = 0; i < data.length; i++) {
                    result += '<tr><td>' + data[i].rownum_ + '</td> <td>' + data[i].userId + '</td> <td>' + data[i].joinamount + '</td> <td>' + data[i].joinDate + '</td>  </tr>'
                }
                $('#userListTable tbody').append(result);
                /*隱藏more*/
                if (nextPage == reponse.pageCount) {
                    $(".js-load-more").hide();
                } else {
                    $(".js-load-more").show();
                }
            }
        });
    }

    $("#userJoinListM").click(function () {
        var currentPage = $("#loanCurrentPage").val();
        var nextPage = parseInt(currentPage) + 1;
        // alert(currentPage+'-'+nextPage);
        userJoinList(nextPage, 10);
    });
});

相關推薦

頁面開啟載入10資料載入資料

$(function () { var pageStart = 1; var pageCounter = 10; var id = $("#convergeId").val(); /*首次載入*/ userJoinList(pageSt

layui的流載入切換流載入內容需要次flow.loadpage混亂解決方案

layui的流載入,如果需要點選切換流載入的內容,同時寫多個flow.load會導致多次呼叫flow導致整體page混亂 解決方案如下: html: <div class="model-list"> <ul id="LAY_demo1" style="

react 模擬從後臺獲取選單資料頂部選單切換介面的筆記

 本文是基於Ant design Pro 2.0做的筆記,官方提供的demo(官方demo下載地址),路由是程式配置的,不能滿足專案需求,所以在研究過程中,把所遇到的問題,做一個筆記,最終效果圖如下:   一:需求描述   1 從介面獲取選單,替換預設demo的選單。   &n

專案--按鈕顯示資料空白處隱藏資料

點選空白處隱藏資料 點選按鈕顯示資料在這裡插入程式碼片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

安裝App後開啟。再按home回首頁開啟出現App重複載入的問題

安裝App後,點選開啟。再按home回首頁,再開啟,出現App重複載入的問題  具體表現是:   1、將app包通過電腦QQ傳送到手機QQ上面,點選安裝,安裝後選擇開啟app (此間的應用邏輯應該是要觸發 【閃屏頁Activity】, 然後跳轉 【主頁Activity】)   2

Ionic 【tabs模板】 詳情頁重新整理以後頁面資料不消失返回按鈕可回到首頁

1.詳情頁重新整理,確保當前頁面資料不丟失 首先假設 首頁(home)跳轉到 home-details,傳遞引數code: //home.ts this.navCtrl.push(HomeDetailsPage,{ code:code })   然後再home-det

微信小程式開發--模板(template)使用資料載入互動

  微信小程式檢視層提供了 模板(template),可以在模板中定義程式碼片段,然後在不同的地方呼叫。結果在資料渲染那懵逼了。按照官網上對模板的說明和對資料的載入。 1、定義模板   使用name屬性,作為模板的名字。然後在<template/>內定義程式碼

ExtJS6 treegrid 一次載入資料展開仍然會從伺服器取資料

Ext.create("Ext.tree.Panel", { flex: 1, store: { type: 'tree', fi

IOS自定義圖片瀏覽器支援瀏覽張圖片雙擊兩手指縮放操作並顯示載入進度

圖片瀏覽器Controller的主要思路是:新建一個 JZAlbumViewController,在這個controller裡主要顯示一個UIScrollView,這個UIScrollView用來顯

9個點畫10直線要求每直線上至少3個

最容易想到的就是試試把9個點擺成規整的3行,如下圖所示: 但只能畫出8條線。 其實,每條線穿過3個點,則10條線要穿過30個點,這要求平均每個點上有大於3條線穿過。 圖中中心和4個角上的點都有>=3條線穿過,而另外4個點則僅有兩條線穿過。所以必然要移動這4個點

頁面中引入mui 地址選擇頁面中其他input時頁面回到頂部

color 瀏覽器 boa 頁面 bsp clipboard lin -o and 問題:在頁面中引入mui地址選擇時,點擊頁面中的input頁面會滾到頂部(谷歌瀏覽器中出現的bug),在手機上點擊input會出現跳動。開始的時候是想修改mui.min.js裏的滾動事件,但

10命令1分鐘時間檢查Linux服務器性能

cab roc com egg 所在 ffffff bre vpd term 如果你的Linux服務器突然負載暴增,告警短信已經發爆你的手機,如何在最短的時間內找到Linux性能問題所在?Netflix性能工程團隊的Brendan Gregg寫下了這邊博文,來看看他們是怎麽

做一個應用圖示圖示後開啟一個網頁

一、建一個MainActivity.java檔案 在路徑:7731e81\sc7731e.81.az\packages\apps\Launcher3\src\com\ww\taobao\下 二、新增字串 在路徑:7731e81\sc7731e.81.az\packages\apps\Laun

vue 表格資料編輯取消或者完成按鈕後關閉編輯狀態沒有及時生效

點選編輯按鈕: 編輯狀態下,表格可以編輯。但是點選“確認”或者“取消”按鈕,列資料編輯狀態已經修改,但是檢視沒有改變。  頁面程式碼: 獲取當前行的index,並直接修改當前行用於判斷是否編輯狀態的資料為false(不可編輯);   根本原因是因為vue的檢視更新不及

jquery的事件非動態載入與動態載入

jquery的點選事件,非動態載入點選與動態載入點選寫法不同 1.非動態載入點選 <div id="clickdemo"> <ul> <li>1<li> </ul> </div>點選1觸發 $

在小程式中巢狀h5頁面事件不觸發

最近在寫小程式,由於小程式快滿了,就把頁面寫成h5,嵌在小程式裡,原以為很簡單,沒想到遇到問題,問題不多,但是很大 第一個就是點選事件不觸發, 場景如下:     點選按鈕觸發ajax請求,請求成功之後跳轉到另一個頁面,但是頁面始終不跳轉。 解決方法,將http開

使用網頁巢狀iframe標籤左側導航欄在右側動態顯示頁面的資訊

<!--主體內容部分--> <div class="main"> <!-- 左側導航 --> <div class="main_left"> <div class="li_title">使用者管理<span

利用原生js實現自定義滾動(可到達拖動到達)

1.HTML檔案 div1是滾動條,div2是滾動小球,div3是文字區域容器,div4是文字區域。 <div id="div"> <div id="div1"> <div id="div2"> </div> </div&

問題:windows---筆記本外接顯示器在系統更新後外接顯示器沒有反應右鍵開啟顯示設定檢測後提示未檢測到其他顯示器

由於系統更新後,驅動程式也更新了,所以需要重新設定驅動來解決這個問題。 1.可以下載一個驅動精靈來檢測一下是否有未升級的顯示卡驅動,重新升級後,再重新啟動系統。 2.下載好了驅動也沒有改變的話就點選快捷鍵Windows+ X 進入裝置管理器頁面 顯示介面卡的位置會有一個帶有----

IE瀏覽器無法載入資料按F12就可以載入

Root cause: 程式碼裡用到console物件,而某些版本的IE不開控制檯,是沒有這個物件的。 因為上下文中沒有console這個物件, 所以就直接拋異常了,但是不開啟控制檯看不到。打開了控制檯,上下文中就有這個物件,所以就不會拋錯了 Action: 1.刪除co