我希望用户能够单击表格,并根据他们单击的行 - 它将使用与该行(MYSQL 查询)相关的内容填充模式,并打开模式。
我尝试这样做:
- 加载表格内容
- 使用 jQuery 监听表被点击的时间
- 使用 AJAX 将单击的行信息发布到 PHP 文件
- 使用行信息执行 MYSQL 查询
- 用收集的内容填充模式
- 打开模式
我遇到的问题是,因为它是 MYSQL 语句并且函数是非阻塞的,所以在模式开始打开时变量尚未声明。网络编程并不是我的强项,所以我确信我错过了一些简单的东西。
提前致谢!
EDIT:
jQuery/AJAX
$('#alerts tbody').delegate('tr', 'click', function() {
var id = $('td:eq(0)', this).text(); // Gets the ID of the row
// PHP Method (below)
// Passes ID through to PHP
$.ajax({
url: "alerts.php",
method: "GET",
data: {id: ID},
async: true,
done: function() {
loadModalFunction();
}
});
});
PHP
<?php
if (!empty($_GET['id'])) {
// MYSQL Query
// Sets global variables
}
?>
Modal
$('#info').find('.modal-title').text("Information (#" + id + ")");
$('#info').find('#modal-body-content').text("<?php echo $GLOBALS['content'];?>");
我知道获取 ID 的传递和内容的获取是有效的,但内容不会传递给 ID,因为在脚本初始化全局变量之前加载模式。