如何在模式弹出窗口中加载外部PHP文件？

Question

场景-我计划加载一个外部PHP文件，其中包含一个jquery按钮单击事件中的模式弹出窗口中的更新表单。

我能够在点击按钮时加载弹出窗口，但找不到一个清晰而简短的解决方案来加载模式弹出窗口中的外部文件。为了便于示例，我们假设编辑表单只包含电子邮件文本字段。

NOTE- I am trying to load file locally

JS小提琴- jsfiddle.net/1aeur58f/1

我希望在弹出窗口的主体内显示文件内容，如JsFiddle中所示

Answer 1

所以，我认为你根本不需要加载外部源。如果您想在页面中包含内容，我认为您应该像我在下面所做的那样。

<?php
$user = $client->get('account');
?>

<!-- Make the model show up --> 

<!-- Pretend this is the form -->

<button type="button" id="mymodal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"><?= 'Some kind of title' ?></h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>