Bootstrap Modal在单击时显示当前数据


Bootstrap Modal show current data on click

我的原始问题:

我知道,当对其进行编码时,当从服务器发送请求时,就会写入变量。所以我可能不得不使用JQuery,但我甚至不知道从哪里开始(我不知道JS)。

这段代码在我刷新页面时有效,但我希望它在点击模态时刷新显示的数据

有人能给我指正确的方向吗?

我自己找到的修复程序,供其他人查看:

模式代码:

<div class="modal fade ajaxmodal" id="logModal" tabindex="-1" role="dialog" aria-labelledby="logModalLabel" 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">Trace Logging</h4>
      </div>
      <div class="modal-body" id="modal-body">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
<script>

JS:

$('.ajaxmodal').on('show.bs.modal', function () {
  $('#modal-body').load('trace.php');
});

trace.php已经格式化了html,它可以完美地在点击时显示。

更新了我的原始问题,以包含我的答案。