我正在使用Ajax构建实时数据库搜索。当用户更新搜索表单时，它会发布数据并将sql查询的结果写入tablebody。该页面使用Twitter Bootstrap v4进行样式设计。
目前分页通过代表页码的搜索表单内的动态生成的单选按钮来工作。这将设置sql查询的偏移量，以便选择正确的行。但是，这种方法并不漂亮，我想切换到Bootstrap的分页。
我能以某种方式将无线电盒的代码与分页结合使用，并巧妙地使用标签和隐藏的输入吗？在表单之外添加分页是否更好，在按下时更新表示页码的隐藏输入？以这种方式跟踪活动页面会更复杂。
创建实时搜索时是否还有其他最佳做法？
我的代码的静态版本可以找到here。这是我用来发送数据的帖子请求：
$.post('/clients/get/json', $("form#search").serialize(), function(res) {...}