使用Javascript将新页面显示为模态

我正在开发一个PythonFlask应用程序，我正在编写Python程序、HTML5以及使用Bootstrap。我对Javascript很感兴趣，因为我对它还不熟悉

我的页面中有一个表，其中“id”被分配给一个值。我可以使用

<script>
    $("table tr").click(function(){
    alert (this.id);
});
    </script>

$（“表tr”）。单击（函数（）{
警报（this.id）；
});

---

我想将“id”值发送到另一个页面，并将结果页面作为模态打开。你能为同一个…提供指导或分享示例代码吗？

如果你已经下载了bootstrap插件，那么我的答案对你来说会更简单。 早些时候，我写了和PHP相同的东西。无论语言是什么，它都与JQUERY和HTML5有关

您只需使用JQUERY触发以下行，然后它将以模式格式打开第二个页面内容

<a data-toggle="modal" class="trigger" data-target="#yourid" href="second_page.php" ></a>

你的第二页内容应该是

<div id="yourid" class="modal fade" role="dialog">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Give a title name</h4>
        </div>
        <div class="modal-body">

                   <!-- Place your second page content here -->

        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default btn-xs" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

&时代；
给一个书名
接近

---

请同时参阅此。如果我错了，请纠正我

取决于您的模式窗口是什么！它是一个完整的html页面，可以有一个类似“your/url/id”的url吗？或者它类似于一个新的模板，并且生成的id u用于获取特定的数据？？？“我想将“id”值发送到另一个页面”。您无法将任何内容发送到其他页面。我猜您希望将“id”提供给服务器，并基于此变量响应一个新页面，并使这个新页面以模式显示。是吗？@TCHdvlp是的，我需要将“id”值发送到服务器并获得响应，并在modalIn“Modal body”区域显示数据。我可以加载动态URL页面吗？你的答案看起来很有希望……是的，你可以。。正如TCHdvlp所说。或者，如果可能的话，您也可以使用iframe。@Ramkee会在事件触发后加载iframe吗？是的，我希望！当此时模态体载荷时，将调用iframe。

<div id="yourid" class="modal fade" role="dialog">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Give a title name</h4>
        </div>
        <div class="modal-body">

                   <!-- Place your second page content here -->

        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default btn-xs" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>