node.js - bootstrap 如何向modal里传递数据

问题描述

问 题

用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>

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

如上图我点击查看详细资料，弹出模态框：

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

解决方案

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

这篇关于node.js - bootstrap 如何向modal里传递数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！