如何在模态中显示php页面

时间:2018-05-02 11:59:32

标签: php bootstrap-modal

我想知道是否有可能在一个模态中捕获整个php页面。 这是关于这种情况: 我现在有一个锚点,它引导我到这样的页面:

<a href="post.php?id=<?php echo $article['articleId']; ?>"><?php echo $article['title']; ?></a>

我如何将页面post.php?id=1的全部内容放在这样的模式中:

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
  <div class="modal-dialog">

   <!-- Modal content-->
   <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Modal Header</h4>
    </div>
    <div class="modal-body">
      <p>HERE SHOULD COME THE CONTENT OP THE PHP FILE</p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>

</div>

<{1>}中的

;这些是解析内容的行:

post.php

1 个答案:

答案 0 :(得分:1)

使用jQuery,您可以执行以下操作:

$('#modal-body').load('/your/url/here', {var1: val1, var2: val2}, function(){
    // show your modal here
});

有关详细信息,请参阅此处https://api.jquery.com/load/

相关问题