Question

我是Javascript的新手。我正在尝试在我的课程中实现Ajax系统，以便在不更新整个页面的情况下更新html表。我的HTML表基本上是我数据库中的表，所以Ajax应该更新MySQl表，但是如何刷新网页上的实际表呢？另一个问题是我可以为每个动作使用不同的.php文件，并使用ajax调用它们吗？如何在消息框中显示用于添加行的表单，还是应该重定向到新页面，其中将是新行的表单？这是我的表：

<?php
include("audentificate.php");
include ('db.php');
$query = "SELECT * FROM Trains";
$result = mysqli_query($conn, $query);
?>
<html>
<head>
    <link href = "style.css" rel = "stylesheet" type = "text/css">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Departures table for workers </title>

</head>
<body>
<div class="table" align="center">
    <div style = "background-color:#FFFFFF; padding:20px;"><b>Departures Table for workers</b></div>
    <table border="1" align="center" width="700">
        <thead>
        <tr>
            <th>Change row</th>
            <th>ID</th>
            <th>Train Company</th>
            <th>Destination</th>
            <th>Time</th>
            <th>Platform</th>
            <th>Date</th>
        </tr>
        </thead>
        <tbody>
        <?php while ($row = mysqli_fetch_assoc($result)): ?>
            <tr>
                <td><input id = 'tick' type="checkbox" name="name1" />&nbsp;</td>
                <td><?php echo $row['id']?></td>
                <td><?php echo $row['Traincompany'] ?></td>
                <td><?php echo $row['Destination']  ?></td>
                <td><?php echo $row['Time'] ?></td>
                <td><?php echo $row['Platform']  ?></td>
                <td><?php echo $row['Date'] ?></td>
            </tr>
        <?php endwhile ?>
        </tbody>
    </table>
    <p class="message">Logout from user<a href="logout.php">Logout</a>
</div>
</body>
</html>

如何使用AJAX更新/添加/删除表中的行

0 个答案: