在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 Confirm_popup.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>