jqueryのクリック負荷より

HTML部分

  < UL クラス= "法案はmoreadd" > 
        < divのクラス= "合計" > < スパン> - </ スパン> < スパン> 23756.177 </ スパン> </ divの> 
< 李> 
< divのクラス= "左" > 
< P クラス= "タイプ" > 0.01000 </ P > < Pのクラス= "時間" > 2019年6月14日午前15時58分59秒</ P > 
</ DIV >
< divのクラス= "右" >签到成功</ DIV > </ 李> < 李> 
< divのクラス= "左" > < p個のクラス= "タイプ" > 0.01000 </ P > < P クラス= "時間" > 2019年6月14日午後3時58分59秒</ P > 
</ divの> 
< divのクラス= "右" >签到成功</ DIV > </ 李> <李> < divのクラス= "左" > < p個のクラス= "タイプ" > 0.01000 </ P > < Pのクラス= "時間" > 2019年6月14日午後03時58分59秒</ P > </ divの> < divのクラス= "右" >签到成功</ DIV > 
        </ 李> 
        < リチウム> 
< DIV クラス="左」> 
                < p個のクラス= "タイプ" > 0.01000 </ P >
                < p個のクラス= "時間"> 2019年6月14日午後3時58分59秒</ P > 
            </ DIV > 
            < DIV クラス= "右" >签到成功</ DIV > 
        </ 李> 
< スパンクラス= "hljsタグ" > ＆LT。/ < スパンクラス= "hljs名" > UL </ スパン> ＆GT。</ スパン> 

< スパンクラス=「詳細」データ合計=「3」データ・ページ=「1」>スパン>

$（ 'より'）上の（'クリック'、。機能（）{
             VAR BASEURL = $（ '＃のBASEURL' ）.val（）;
             VARのタイプ= $ .trim（$（この）.ATTR（ 'DATA-タイプ」））;
             VARの合計=のparseInt（$（この）.ATTR（ 'データ総' ））;
             VARのページ=のparseInt（$（この）.ATTR（ 'データページ' ））; 
            $アヤックス（{ 
                URL： './lib/js/more' +ページ+ '.json' 、
                種類： '取得' 、
                データ型： "JSON" 、
                データ：{ページ：ページ+ 1 }、
                成功：関数（RES）{
                     VARの結果= '' ;
                    // にconsole.log（res.lists）
                    VARのリスト= res.lists 
                    $（ '.more '）のattr（'データ・ページ'、ページ+ 1 ）;
                    ため（VAR i = 1; iはlist.lengthを<; iは++ ）{ 
                        にconsole.log（res.lists [I]）
                        結果 + = '<LI>' 
                            + '<DIV CLASS = "左">' 
                            +「<Pクラス= "タイプ">」+ RES。
                            + '<Pクラス= "時間">' + res.lists [i]を.date + '</ P>'
                            + '</ div>' 
                            + '<DIV CLASS = "右">' + res.lists [I] .nameの+ '</ div>' 
                            + '</ LI>' 
                    } 
                    $（ '.moreadd' ）。 （結果）を追加し、
                <スパンクラス= "hljsキーワード"> 場合 </スパン>（ページ+ <スパンクラス= "hljs番号"> 1 </スパン> == 合計）{ 
                    $（ <スパンクラス= "hljs列"> '.more' </スパン>）（削除）。
                } 
            } 
        }）。
    }）;

注意を払います

ここmore.jsonは、ローカルテストデータなので、入ってくるページはそれに垂直に合わせて、その後、インターフェイスにmore1.json more2.jsonです。