1 - 下载 Swoole Loader 请下载 WINNT 系统 PHP-7.4.33 版本 非线程安全 的 swoole_loader 扩展,点击直达下载页面 2 - 安装 Swoole Loader 将刚才下载的 swoole_loader 扩展文件( swoole_loader.dll )上传到当前 PHP 的扩展安装目录中: ext......
后台侧边导航栏如何用js动态生成
来源:互联网
2023-03-16 19:13:12 192
在一些后台管理页面上,我们的侧边导航栏数据很多都是动态生成的,都是动态的数据,即是说后台的导航栏很大可能不是固定的,是可以根据数据库的数据来生成动态的导航栏的,下面我们来看一下如何用js动态生成。
方法/步骤
假设这里的数组数据,是我们在php后台从数据里取出来的。
得到数据后,把数据在页面上输出到js变量里。
在前端页面,js的变量得到的数据是如图的一个数组数据的。
在js里对这个数组数据进行操作,输出成导航栏就行了,循环这个数组。
在循环里,对数组内容生成html标签。
最后对生成的html字符串,使用jquery语法,写到导航栏的容器div上。
html里有这个对应的导航栏容器div的。
最后使用css美观一下,就可以动态生成一个漂亮的导航栏了。
注意事项
- 用到jquery语法,需要先引入jquery脚本。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
上一篇:怎么获取页面发送的ajax请求 下一篇:js怎么获取当前用户名
相关文章