Javascript 从外部PHP文件使用JS动态创建内容

我试图创建一个包含大量内容的弹出窗口，因此我将内容放在一个单独的.php文件中，并使用以下javascript获得我想要的效果：

$('#popup').show();
var u = $("#username").html();
$('#popup').html('<iframe src="content.php?u='+u+'"></iframe>');

我的问题是，一旦弹出窗口打开，用户在iframe中单击，退出按钮就不再关闭窗口，因为我正在使用iframe

---

在Javascript中是否有更好的方法动态地包含这样的外部php文件，或者是否有一种方法可以使escape按钮功能在iframe被单击的情况下仍能工作？

您可以使用jQuery的

.load（）

：

---

不建议使用

iframe

，使用

ajax

。如果仍要使用

iframe

，则必须在

top

中存储

弹出窗口

，例如，在main

php

文件中添加以下代码

top.popup = $('#popup');
top.popup.show();
var u = $("#username").html();
top.popup.html('<iframe src="content.php?u='+u+'"></iframe>');

---

来自同一领域？使用AjaxI我不知道我可以这样使用ajax。谢谢各位。

$('#popup').load('somefile.php');

top.popup = $('#popup');
top.popup.show();
var u = $("#username").html();
top.popup.html('<iframe src="content.php?u='+u+'"></iframe>');

$(document).keyup(function(e) {
    if (e.keyCode == 27) {
        top.popup.hide().html('');
    }
});