谁一开始就是大神?

类似tab选项卡切换页面显示数据[2.0]

现在做一个页面,页面有一排书的章的按钮,点击就在页面下面显示相对应章的节的内容,请问如何实现呢,获取章的ID然后接口怎么写呢,才能更新页面的显示内容,本人小白,希望解释清楚一点,没做过Tab切换动态获取数据的

写个方法、只要选择章节、到方法、这时候获取id。然后在查询id数据给一个页面!并且跳转!
找个现成的网站,看源码,学着造轮子。
用Bootstrap的nav-tabs,做成左侧竖排的就可以了,这里是横排选项卡的例子:
前端触发请求,使用Ajax从服务器获取数据,然后再局部更新即可,你可以先了解一下Ajax更新!
tab上加切换数据需要的参数
直接在请求链接的后面加个类似章节ID的参数,跳转到后台,后台获取这个参数,查询对应的章节内容,返回前端重新加载页面,按钮可以通过返回来的值切换‘当前章节’的样式,如果你只想更新当前页面一小部分的内容,不刷新整个页面,就用ajax吧,返回时候局部更新就好。

赞(0) 打赏
未经允许不得转载:菜鸟之家 » 类似tab选项卡切换页面显示数据[2.0]

评论 抢沙发

登录

找回密码

注册