Typecho 主题开启 Ajax 加载更多文章

1<?php if (isset($_GET['load_type']) and $_GET['load_type'] == 'ajax'):

1<?php
2function allpostnum($id)
3    {
4        $db = Typecho_Db::get();
5        $postnum = $db->fetchRow($db->select(array('COUNT(authorId)' => 'allpostnum'))->from('table.contents')->where('table.contents.authorId=?', $id)->where('table.contents.type=?', 'post'));
6        $postnum = $postnum['allpostnum'];
7        return (int)$postnum;
8    }
9    if (allpostnum($this->author->uid) < $_GET['index']):http_response_code(422);
10        return;endif;
11    for ($i = 0; $i < $_GET['index']; $i++) {
12        // 跳过代码
13        $posts->next()
14    }
15    for ($i = 0; $i < 5 && $posts->next(); $i++): ?>
16	HTML code block
17       <?php endif ?>
18    <?php endfor;
19    return; //完成ajax方式返回，退出此页面
20endif;
21?>

1// 加载更多 ajax 实现
2let current_index = <?php echo $index ?>;
3const noteNavigator = document.getElementById('note-navigator')
4document.getElementById('load-more-btn').onclick = load_more
5const article_body = document.querySelector('body > main > article')
6const parser = new DOMParser()  // DOM 解析器
7const doc = function (str) {
8    return parser.parseFromString(str, 'text/html')
9}
10
11function load_more() {
12    ks.notice("稍等哈 φ(>ω<*) ", {
13        time: 1000,
14        color: "green"
15    })
16    ks.ajax({
17        method: 'GET',
18        url: window.location.href + '?load_type=ajax&index=' + current_index,
19        success: res => {
20            noteNavigator.remove()
21            const strToDOM = doc(res.responseText)
22            article_body.appendChild(strToDOM.querySelector('article'))
23            article_body.appendChild(noteNavigator)
24            current_index += 5
25        },
26        failed: res => {
27            if (res.status === 422) {
28                noteNavigator.remove()
29                ks.notice("没了哦!~(｀・ω・´)",{
30                    color: 'red',
31                    time: 1500
32                })
33            }
34        }
35    })
36}