php - 当mysql数据库更改时动态更改网站内容

Question

我在index.php 文件中有一个这样的表单。

<form >
    <input type="text" id="fname" >
    <input type="text"  id="lanme" >
    <input type="button" id="submit" value="send">
</form>

我收到来自用户的两个输入。当用户单击发送按钮时，jquery 函数调用并将 fname 和 lname 发送到 record.php 文件。这是 jquery 函数。

$(document).ready (function() {
    $("#submit").click(fucntion(){
        $fname=$("#fname").val();
        $lanme=$("#lname").val();
        $.post("record.php") , { fname: fname , lname : lname }).done(function(data){
            alert(data);
        });
    });
});

这是 record.php 文件

<?php 
    $fname=$_POST['fname'];
    $lanme=$_POST['lanme'];
    $mysqli=new mysqli(host,username,password,database);
    $stmt=$mysqli->prapare("INSERT INTO info (fname , lname) VALUES (?,?))";
    $stmt->bind_param("ss",$fname , $lname);
    $stmt->execute();
 ?>

在index.php中我打印“表格”。我使用此代码在index.php文件中打印表格。

<?php
try {
    $dbh = new PDO('mysql:host=HOST;dbname=DATABASENAME', $user, $password);
    $sth = $dbh->prepare('SELECT * from info ');
    $sth->execute();
    $result = $sth->fetchAll();
} catch (PDOException $e) {
    print "Error!: " . $e->getMessage() . "<br/>";
    die();
}

?>
<table>
<tbody>
<tr>
    <td>fname</td>
    <td>lname</td>
</tr>
<?php foreach($result as $row) : ?>
<tr>
    <td><?php echo $row[0] ; ?></td>
    <td><?php echo $row[1] ; ?></td>
</tr> 
<?php endforeach ; ?>
</tbody>
</table>

以上所有代码都可以工作，我没有任何问题。

当用户输入值fname和lname并单击发送按钮时，fname和lname发送到服务器并存储在数据库中。如果用户想在表中查看结果，他/她必须刷新页面，但我想在表上显示结果而不刷新页面。否则，当用户单击发送按钮并发送数据时，index.php 中的表会动态更改并向用户动态显示结果。

Answer 1

我认为最好的方法是通过 Ajax 提交表单，并在成功回调中将新行附加到表中，例如使用 jQuery 的 .append()。所以您根本不必重新加载页面..

祝你好运