Php 如何使用bootstrap 4通过单击超链接表单元格打开modal,并使用单击的ID从SQL数据库填充模型中的数据
我有一个页面,它在一个表中显示来自SQL的数据,在该表中有一个单元格是超链接的,我希望使用引导模式打开并获取数据,使用ID超链接值,并在SQL的modal中填充正文上的数据。我尝试过不同的方法,但没有一种效果好。模态打开了,但它并不突出,就像它在背景中打开一样。请帮我做这个 头部使用的链接:Php 如何使用bootstrap 4通过单击超链接表单元格打开modal,并使用单击的ID从SQL数据库填充模型中的数据,php,ajax,twitter-bootstrap,modal-dialog,bootstrap-modal,Php,Ajax,Twitter Bootstrap,Modal Dialog,Bootstrap Modal,我有一个页面,它在一个表中显示来自SQL的数据,在该表中有一个单元格是超链接的,我希望使用引导模式打开并获取数据,使用ID超链接值,并在SQL的modal中填充正文上的数据。我尝试过不同的方法,但没有一种效果好。模态打开了,但它并不突出,就像它在背景中打开一样。请帮我做这个 头部使用的链接: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/boot
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script>
PHP代码
<?php
while ($ticketdata = mysqli_fetch_array($ticketresults))
{
// Print out the contents of the entry
echo '<tbody>';
echo '<th scope="row"><a href="#" data-toggle="modal" data-target="#ticketModal'.$ticketdata['ticketnumber'].'">';
echo $ticketdata['ticketnumber'];
echo '</a>';
echo '</th>';
echo '<td>' . $ticketdata['policynumber'] . '</td>';
echo '<td>' . $ticketdata['registration_number'] . '</td>';
echo '<td>' . $ticketdata['insuredname'] . '</td>';
echo '<td>' . $ticketdata['contactnumber'] . '</td>';
echo '<td>' . $ticketdata['casestatus'] . '</td>';
echo '<td>';
echo '<form method="post">';
echo '<input type="hidden" name="ticketnumber" value="'. $ticketdata['ticketnumber']. '">';
echo '<input type="submit" class="btn btn-danger btn-sm" name="deletedata" value="Delete">';
echo '</form>';
echo '</td>';
echo '</tbody>';
}
?>
如何将ID传递给模态,以及应该在哪里初始化模态传递ID超链接以使用ID with PHP脚本用数据填充模态
Ajax代码:-
select.php:-
您在modal上显示什么?@KUMAR表显示有限的数据,但在模型上,我想显示存储在当前表从中获取数据的特定表上的更多详细信息。好的,您必须使用ajax。@KUMAR有此目的的任何东西都可以。为什么要在while循环中使用方法和?这就是获取所有数据必需,我可以提取,但模式没有弹出。请帮助您必须添加jquery.min.jsI必须将jquery CDN放在列表的第一位,。非常感谢,伙计:这意味着你的引导模式能达到预期的效果吗?是的,它工作得很完美。现在,我需要为模式框确定一个高度,以便在不滚动的情况下容纳所有数据。
<table>
<?php
while($ticketdata = mysqli_fetch_array($ticketresults)){
<tr>
<td><a href="#" id="<?php echo $ticketdata['ticketnumber']; ?>" class="view_data" /><?php echo $ticketdata['ticketnumber']; ?></a></td>
<td><?php echo $ticketdata['name']; ?></td>
<td><?php echo $ticketdata['policynumber']; ?></td>
<td><?php echo $ticketdata['registration_number']; ?></td>
<td><?php echo $ticketdata['insuredname']; ?></td>
<td><?php echo $ticketdata['contactnumber']; ?></td>
<td><?php echo $ticketdata['casestatus']; ?></td>
<td>DELETE</td>
</tr>
<?php } ?>
</table>
</body>
</html>
<div id="dataModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Policy Details</h4>
</div>
<div class="modal-body" id="detail">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$('.view_data').click(function(){
var ticket_id = $(this).attr("id");
$.ajax({
url:"select.php",
method:"post",
data:{ticket_id:ticket_id},
success:function(data){
$('#detail').html(data);
$('#dataModal').modal("show");
}
});
});
});
</script>
<?php
if(isset($_POST["ticket_id"]))
{
$output = '';
$connect = mysqli_connect("localhost", "root", "", "testing");
$query = "SELECT * FROM table_name WHERE id = '".$_POST["ticket_id"]."'";
$result = mysqli_query($connect, $query);
$output .= '
<div class="table-responsive">
<table class="table table-bordered">';
while($row = mysqli_fetch_array($result))
{
$output .= '
<tr>
<td width="30%"><label>S. No</label></td>
<td width="70%">'.$row["ticketnumber"].'</td>
</tr>
<tr>
<td width="30%"><label>Ticket Name</label></td>
<td width="70%">'.$row["name"].' Year</td>
</tr>
';
}
$output .= "</table></div>";
echo $output;
}
?>