Javascript php在弹出div中发布内容

我在一个网站中有几个元素链接到不同的php帖子。该站点还有一个弹出div（“它是一个自定义模式窗口”）。 弹出div有两个部分，标题和内容

单击元素时，将出现弹出窗口。我希望相关的php文章标题和内容出现在弹出div的适当部分

注意：我已经用了一周的时间试图用php、ajax/jquery和组合来解决这个问题。我搜索了google和stackoverflow，似乎找不到丢失的链接

---

下面是我的代码结构

---

第一：这是我最接近的工作模型。php post_标题和post_内容将添加到相应位置的弹出窗口中。但是为下一个元素添加代码会覆盖第一个元素数据

HTML

弹出窗口（模式）html代码与包含重复弹出窗口代码的单个.php文件一起位于my footer.php文件中

理想情况下：我希望在不使用（a href=''）的情况下实现这一点。此网站有一个启动页面，第一次加载时在主页前面加载。当我尝试使用（a href=''）链接修复此问题时，它会触发启动页面（不是我想要的）

---

希望结构和最终目标明确

您应该首先创建一个PHP脚本，向每个弹出窗口发送正确的信息

然后，您可以将一个

$附加到触发弹出窗口打开的按钮上，并使用
'data-contents'
或类似内容

然后像这样写帖子：

$(document).on('click', '.myPopupButton', function(e) {
    e.preventDefault();
    data = { content : $(this).attr('data-contents') };
    $.post('yourScript.php', data, function(json) {
        // Handle the data that comes from your script
        // i.e. :
        $('.myPopup .title').text(json['title']);
        $('.myPopup .body').text(json['body']);
    }
});

if ($_POST['content'] == 'xxx') {

}
else if ( /*etc..*/ ) {}

您的PHP应该期望一个类似
content=>xxx

所以你可以这样得到它：

$(document).on('click', '.myPopupButton', function(e) {
    e.preventDefault();
    data = { content : $(this).attr('data-contents') };
    $.post('yourScript.php', data, function(json) {
        // Handle the data that comes from your script
        // i.e. :
        $('.myPopup .title').text(json['title']);
        $('.myPopup .body').text(json['body']);
    }
});

if ($_POST['content'] == 'xxx') {

}
else if ( /*etc..*/ ) {}

现在，弹出窗口的内容应该进行动态更改