如何获取模态中的数据ID，然后将其传递给ajax？

Posted 2021-05-02

我目前正在开发一个具有CREATE EVENT模块的系统。现在，此CREATE EVENT模块允许用户创建事件并在其配置文件中显示它们，其他用户可以加入他们的事件。我使用模态来查看发布的事件的更多详细信息。在创建事件的人的角度来看，如果事件已经完成，则用户可以将事件发布到这个所谓的“过去事件”。我在发布时遇到了麻烦，因为我无法弄清楚如何在模态中传递EVENT的ID。

这是我的模态。我在检索和显示数据时使用了ajax。

<div id="readmore" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title" id="event_title"></h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-xs-6">
                        <img id="event_img">
                        <h6>HOW TO GET THERE</h6>
                    </div>
                    <div class="col-xs-6">
                        <p id="event_description"></p>
                        <h6>WHEN</h6>
                        <p id="event_start"></p>
                        <h6>WHO</h6>
                        <p id="occupation"></p>
                        <h6>WHAT TO BRING</h6>
                        <p id="event_material_req"></p>
                    </div>
                </div> 
            </div>
            <div class="modal-footer">
                <a class="btn btn-danger" data-dismiss="modal" onclick="publishToPast()">Publish to Past Activity</a>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

现在我想要的是当点击这个<a class="btn btn-danger" data-dismiss="modal" onclick="publishToPast()">Publish to Past Activity</a>时，它将获得模态中数据的ID，然后在数据库上更新EVENT的状态，以便它现在可以显示在过去事件上。我想通过php（通过$ _SESSION）获取它，但我不能这样做，因为模式取决于用户将创建的事件数量。

答案

你没有提到，但我猜你正在使用Ajax调用来获取和显示这个模态中的事件数据。在这种情况下，您显示WHEN，WHO，WHAT TO BRING等数据的方式。您可以在此模态中添加一个隐藏的输入字段，其中包含一些如下所示的唯一ID，并在该输入字段中插入事件ID。

<input type="hidden" name="event_id" id="event_id" value="">

现在在您的publishToPast（）函数中编写下面的代码。

var eventId = $("event_id").val();

现在，您在eventId变量中有事件ID。随时随地使用它。

当模态关闭时，请记住从该输入中删除事件ID。

另一答案

如果您在onclick函数 onclick="publishToPast(herePassIDvalue)" 中显示模态时有ID