bootstrap 如何向modal里传递数据

发布于 2022-09-02 15:23:43 字数 1314 浏览 19 评论 0

用bootstrap里的modal做出来的弹窗,但如何向这个弹窗传递数据呢?

<!-- 模态框(Modal) -->
<div class="modal fade" id="view_user" tabindex="-1" role="dialog" 
   aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" 
               data-dismiss="modal" aria-hidden="true">
                  &times;
            </button>
            <h4 class="modal-title" id="myModalLabel">
               用户信息
            </h4>
         </div>
         <div class="modal-body">
            <p>ID:2016004501</p>
            <p>用户名:我是买家</p>
            <p>用户组:普通用户</p>
            <p>真实姓名:未认证</p>
         </div>
      </div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>

这样一个简单的弹窗。希望的是点击按钮弹窗里显示的是数据库里的对应数据。
但这里应该如何传数据呢?

图片描述

如上图我点击“查看详细资料”,弹出模态框:

图片描述

这个要怎么把数据传递到这里呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

如此安好 2022-09-09 15:23:43

方法有很多种
可以在modal支持 ajax的
也可以在后端先渲染好

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文