jQuery load()、Bootstrap 模式和 PHP

Question

我正在尝试根据通过 javascript 传递给模态的 ID 在 Bootstrap 模态中加载数据。我的模态链接是：

echo "<a href=\"#modal-edit\" data-toggle=\"modal\" data-session-id=\"".$mySessions->id."\" title=\"Edit Session\"><i class=\"fa fa-gear fa-2x text-primary\"></i></a> \n";

“sessionId”是#modal-edit 表单中的一个隐藏字段，当在表格中列出的会话之一上单击“编辑”按钮时会更新该字段。我将 sessionId 发送到隐藏表单字段并尝试加载 php 文件的脚本是：

$('#modal-edit').on('show.bs.modal', function(e) {
    var sessionId = $(e.relatedTarget).data('session-id');
    $(e.currentTarget).find('input[name="sessionId"]').val(sessionId);
    $('#sessionLoadData').load('modal-edit-load.php?sessionId='.$sessionId);
});

我有

<div id="sessionLoadData"></div>

在我想使用 modal-edit-load.php 在会话表中查找 sessionId 的模态中，并返回一些带有 php 变量的 html，同时隐藏字段 sessionId已更新。但是，我对 java 很陌生，并且在遵循此处推荐的解决方案之后感觉有些东西并不完全存在：

SO Jquery load() and PHP variables

modal-edit-load.php?sessionId=1 在我转到页面时起作用 - 它使用与 sessionId 1 关联的变量加载表单对象。但是，它在模式中不起作用。当我点击编辑并出现模式时，表单对象不出现。

我是否正确使用 javascript 来更新隐藏字段以及将 php 文件内容加载到模态？

Answer 1

您使用的是 PHP $sessionId 变量，而不是从相关元素中提取的 JavaScript sessionId 变量。

$('#modal-edit').on('show.bs.modal', function(e) {
    var sessionId = $(e.relatedTarget).data('session-id');
    $(e.currentTarget).find('input[name="sessionId"]').val(sessionId);
    $('#sessionLoadData').load('modal-edit-load.php?sessionId=' + sessionId);
});