在 JS 弹出窗口中包含不同的 .php 文件

Question

我有多个按钮，它们当前重定向到不同的页面，供用户执行单个操作，然后他们需要在确认页面上单击另一个按钮才能返回之前的位置。这是老派，不方便......

我想要做的是创建 1 个单个弹出框，当单击其中任何一个按钮时会触发（出现）。在框内，我希望显示相关的 .php 文件，以便用户确认他们的操作，然后页面将重新加载并显示确认消息。

示例： “删除”按钮需要触发confirmation-popup.php，其中包含delete.php文件，以便用户确认删除。

“取消”按钮需要触发confirmation-popup.php，其中包含cancel.php文件，以便用户确认取消。

这是我所做的： - 创建弹出窗口并将其包含在他们的帐户页面（所有按钮所在的位置）。 - 添加了一个通过按钮ID触发弹窗的JS

当单击任一按钮时，弹出窗口会显示得很好。 我陷入了需要传递不同“action”.php 文件并将其包含在弹出窗口正文中的阶段。我知道我可以为每个相关操作创建多个弹出窗口，但我们都知道这不是最佳做法，而且会加倍。

任何帮助将不胜感激！

编辑：在以下注释后添加代码

HTML：

<a href="<?php bloginfo('siteurl') ?>/?a_action=delete_auction&pid=<?php the_ID(); ?>"><button class="button-small button-red" id="confirm-delete">Delete</button></a>

JS：

$(document).ready(function() {
    $("#confirm-delete").click(function() {

        if (!$(".confirm-popup").is(":visible")) {
            $(".confirm-popup").fadeIn("slow");
            return false;
        }
    });
});

PHP 确认弹出.php：

<div class="confirm-popup">
<?php include 'delete_auction.php'; ?>

</div>

Answer 1

您可以根据按下的按钮在弹出窗口中打开不同的 iframe。这将允许您使用一个弹出窗口，您只需将 iframe src 属性编辑到正确的 php 页面。例如，您可以为每个按钮添加一个 HTML 属性，该属性包含该按钮应打开的页面的 URL。然后你会有一些 JS 代码，在按下按钮时会读取保存 URL 的属性并将其放入弹出窗口内的 iframe src 属性中。

使用 jQuery 的类似的东西：

<button class="myclass" cotent-url="delete.php">Delete</button>
<button class="myclass" cotent-url="save.php">Save</button>
<div class="popup"><iframe src=""></iframe></div>

<script type="text/javascript">
$('.myclass').click(function(){
    $('.popup iframe').attr('src', $(this).attr('content-url'));
})
</script>

或者AJAX方式：

<button class="myclass" cotent-url="delete.php">Delete</button>
<button class="myclass" cotent-url="save.php">Save</button>
<div class="popup"></div>

<script type="text/javascript">
$('.myclass').click(function(){
    $.ajax({
        url: $(this).attr('content-url'),
        data: {},
        success: function(response) {
            $('.popup').html(response);
        },
        dataType: 'html'
    });
})
</script>