Javascript 以模式从SQL数据库加载数据
我目前正在通过foreach循环显示表中的数据,我希望能够单击特定行中的编辑按钮,并打开一个模式对话框,根据该行的ID从表中获取其他数据Javascript 以模式从SQL数据库加载数据,javascript,php,html,mysql,Javascript,Php,Html,Mysql,我目前正在通过foreach循环显示表中的数据,我希望能够单击特定行中的编辑按钮,并打开一个模式对话框,根据该行的ID从表中获取其他数据 <?php foreach ($db->query('SELECT * FROM websitehosting ORDER BY CUSTOMERNAME ASC') as $row) { $date1 = $row['SERVICERENEWALDATE']; $myDateTime = DateTime::createFromF
<?php
foreach ($db->query('SELECT * FROM websitehosting ORDER BY CUSTOMERNAME ASC') as $row)
{
$date1 = $row['SERVICERENEWALDATE'];
$myDateTime = DateTime::createFromFormat('Y-m-d H:i:s', $date1);
$formattedrenewaldate = $myDateTime->format('d-M-Y');
$hello = $row['ID'];
// echo out the contents of each row into a table
echo "<tr>";
echo '<td>' . $hello . '</td>';
echo '<td>' . $row['CUSTOMERNAME'] . '</td>';
echo '<td>' . $row['DOMAINNAME'] . '</td>';
echo '<td>' . $formattedrenewaldate . '</td>';
echo '<td>' . $row['STATUS'] . '</td>';
echo '<td><button name="submitid" class="btn btn-info footable-edit edit" id=' . $row['ID'] . ' data-toggle="modal" data-target="#myModal" >Info</button></td>';
echo '<td>' . $row['UPDATEDBY'] . '</td>';
echo '<td><a class="btn btn-success" onclick="my1Function()">Edit</a></td>';
echo "</tr>";
}
// close table>
echo "</table>";
?>
目前,每行的ID设置为编辑按钮的ID,但我无法获取下面的数据以调整为ID,因此它显示正确的数据。显然,目前它被设置为26,但我希望它被设置为按钮的ID,或者只是该行的ID。最终我希望能够编辑数据,但现在我只是显示它
<div id="myModal" class="modal fade" role="dialog">
<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">Service Information</h4>
</div>
<div class="modal-body">
<?php
$dummy = '26';
foreach ($db->query("SELECT * FROM websitehosting WHERE ID = '$dummy'") as $row)
{
$date = $row['SIGNUPDATE'];
$test = $row['ID'];
$myDateTime = DateTime::createFromFormat('Y-m-d H:i:s', $date);
$formattedsignupdate = $myDateTime->format('d-M-Y');
$date1 = $row['SERVICERENEWALDATE'];
$myDateTime1 = DateTime::createFromFormat('Y-m-d H:i:s', $date1);
$formattedrenewaldate = $myDateTime1->format('d-M-Y');
?>
<table><?php echo $hello; ?>
<tr>
<td><b>ID:</b></td>
<td><label id="hello"></label></td>
</tr>
<tr>
<td style="width:150px;"><b>Customer:</b></td>
<td><?php echo $row['CUSTOMERNAME']; ?></td>
</tr>
<tr>
<td style="width:150px;"><b>Domain Name:</b></td>
<td><?php echo $row['DOMAINNAME']; ?></td>
</tr>
<tr>
<td style="width:150px;"><b>Signup Date:</b></td>
<td><?php echo $formattedsignupdate; ?></td>
</tr>
<tr>
<td style="width:150px;"><b>Renewal Date:</b></td>
<td><?php echo $formattedrenewaldate; ?></td>
</tr>
<tr>
<td style="width:150px;"><b>Hosting Type:</b></td>
<td><?php echo $row['HOSTINGTYPE']; ?></td>
</tr>
<tr>
<td style="width:150px;"><b>Current Server:</b></td>
<td><?php echo $row['ACTIVESERVER']; ?></td>
</tr>
<tr>
<td style="width:150px;"><b>Website Type:</b></td>
<td><?php echo $row['WEBSITETYPE']; ?></td>
</tr>
<tr>
<td style="width:150px;"><b>Diskspace:</b></td>
<td><?php echo $row['DISKSPACE']; ?>GB</td>
</tr>
<tr>
<td style="width:150px;"><b>Bandwidth:</b></td>
<td><?php echo $row['BANDWIDTH']; ?>GB</td>
</tr>
<tr>
<td style="width:150px;"><b>Annual Cost:</b></td>
<td>£<?php echo $row['ANNUALCOST']; ?></td>
</tr>
<tr>
<td style="width:150px;"><b>Comments:</b></td>
<td><?php echo $row['COMMENTS']; ?></td>
</tr>
</table>
<?php } ?>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
&时代;
服务指南
您可以创建js函数,如edit_row(var row_id)
在html表格中,您可以添加
<td>
<button onclick="edit_row(<?=$row['id']?>)">edit</button>
</td>
在此之后,您需要发布模式表单值,您可以使用ajax请求或普通表单发布来完成此操作。谢谢Abanoub,但我得到了一个缺少形式参数的错误?
function like edit_row(var row_id)
{
// get data with ajax
$.ajax({
url: "get_data.php",
type:"POST",
data : {id:row_id},
dataType: "JSON",
success: function(result){
// here you can set modal inputs value from result
//finally you can run modal
}});
}