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

Question

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

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

这很好用，除了当用户按下转义键时我有一个关闭函数:

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

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

在 Javascript 中是否有更好的方法来像这样动态地包含一个外部 php 文件，或者有没有一种方法可以使退出按钮功能工作，即使 iframe 已被点击？

Answer 1

您可以使用 jQuery 的 .load():

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