Jaxon

<div class="row">
    <div class="col-md-12" id="hello-text-two">
        Showing page number 1
    </div>
    <div class="col-md-12" id="pagination">
    </div>
</div>

                                    

<?php

use Jaxon\Jaxon;

class HelloWorld extends \Jaxon\App\FuncComponent
{
    public function sayHello(bool $isCaps)
    {
        $text = $isCaps ? 'HELLO WORLD!' : 'Hello World!';
        $this->response()->assign('hello-text-two', 'innerHTML', $text);
    }

    public function showPage($pageNumber)
    {
        $itemsPerPage = 10;
        $totalItems = 150;
        $this->paginator($pageNumber, $itemsPerPage, $totalItems)
            ->page(function(int $page) {
                $this->response()->assign('hello-text-two', 'innerHTML', "Showing page number $page");
            })
            ->render($this->rq()->showPage(), 'pagination');
    }
}

// Register object
$jaxon = jaxon();

$jaxon->setOption('js.lib.uri', '/js');

$jaxon->register(Jaxon::CALLABLE_CLASS, HelloWorld::class);

                                    

jaxon.dom.ready(() => {
    <?= rq('HelloWorld')->showPage(1) ?>;
});