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

Question

我目前正在开发一个具有 CREATE EVENT 模块的系统。现在，这个 CREATE EVENT 模块允许用户创建事件并将其显示在他们的个人资料上，并且其他用户可以加入他们的事件。我使用模式来查看已发布事件的更多详细信息。从事件创建者的 Angular 来看，如果事件已经完成，则用户可以将事件发布到这个所谓的“过去的事件”。我在发布时遇到问题，因为我无法弄清楚如何在模态中传递事件的 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，然后更新数据库上事件的状态，以便现在可以将其显示在过去的事件上。我正在考虑通过 PHP(通过 $_SESSION)获取它，但我不能这样做，因为模式取决于用户将创建的事件数量。

Answer 1

您没有提及，但我猜您正在使用 Ajax 调用来获取并显示此模式中的事件数据。在这种情况下，您显示时间、谁、带什么等数据的方式。您可以在此添加一个隐藏的输入字段具有如下所示的一些唯一 ID 的模式，并在该输入字段中插入事件 ID。

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

现在在您的publishToPast()函数中编写以下代码。

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

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

请记住在模式关闭时从该输入中删除事件 ID。