打开模态后如何将变量传递给php

Question

嗨，我想在单击按钮后打开模式。 但是我想根据单击的按钮显示不同的内容。

所以在html中，我有：

<h1>article1</h1>
<div class="btnComment">
    <button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Comment button 1</button>
</div>
<h1>article2</h1>
<div class="btnComment">
    <button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Comment button 2</button>
</div>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="gridSystemModalLabel">Comments</h4>
            </div>
            <div class="modal-body">
                <?php
                mysql_query("set names 'utf8'");
                $selectConf = mysql_query("SELECT * FROM e_comments WHERE article='".$article."'");
                $count = 0;
                if($selectConf){
                    while ($row = mysql_fetch_array($selectConf)) {
                        $text = $row['text'];
                        echo $text;
                    }
                }
                ?>
            </div>
        </div>
    </div>
</div>

那么如何知道模式中单击了哪个按钮？ 我如何传递一些变量呢？ 我想显示文章的评论。 所以我需要传递文章ID并选择所有与文章ID相同的评论。

Answer 1

引导页面上有一个直接的示例，位于http://getbootstrap.com/javascript/#modals-related-target 。 这是对话框的等效代码

<script>
    $(document).ready(function () {
        $('.bs-example-modal-lg').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget)
            alert(button.html())
        })
    })
</script>

编辑 ：如果需要其他逻辑，则必须将alert（）部分更改为任何内容。