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

时间:2017-12-25 09:59:54

标签: javascript php jquery ajax

我目前正在开发一个具有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的STATUS,以便现在可以在PAST上显示事件。我想通过PHP(通过$ _SESSION)来获取它,但我不能这样做,因为模态取决于用户将创建的事件数量。

2 个答案:

答案 0 :(得分:1)

您没有提及,但我猜您正在使用Ajax调用来获取并显示此模式中的事件数据。在这种情况下,您显示 WHEN WHO 带来什么等数据的方式。您可以在此添加一个隐藏的输入字段modal,带有一些像下面这样的唯一id,并在该输入字段中插入事件id。

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

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

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

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

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

答案 1 :(得分:0)

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