php - 在模式中提交表单后更新值并更新页面而不重新加载

Question

我会尽力说得清楚。

我正在创建一个简单的示例页面，员工可以在其中查看年龄。 在页面上，用户可以选择单击按钮来更改年龄。

页面加载数据库中使用的年龄。 因此，我从表 employee 中选择与 $name 值匹配的年龄。

<?php 

        $query = "SELECT * FROM employee";

        $rs = mysql_query($query);

        while ($row = mysql_fetch_assoc($rs)) {
            echo "Name " . $row['name'] . "<br/>Age " . $row['age'] . "<br/>";
        } 
    ?>

在该按钮下，我有一个引导模式按钮，以便员工可以单击并更新年龄。

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
                  <h4 class="modal-title" id="myModalLabel">Change your age</h4>
                </div>

                <div class="modal-body">

                    <?php
                    $name = "Mathieu";

                    $query = sprintf("SELECT age From employee Where name = '%s'", 
                    mysql_real_escape_string($name));

                    $rs = mysql_query($query);

                    while ($row = mysql_fetch_object($rs)) {
                        $age = $row->age;
                    }
                    ?>

                    <form action="update.php" method="post"class="form-inline">
                        <input class="form-control" id="disabledInput" type="text" placeholder="<?php echo $name; ?>" disabled>
                        <br/><br/>
                        <input type="text" class="form-control" placeholder="<?php echo $age; ?>" value="<?php echo $age; ?>">
                        <br/><br/>
                        <button type="submit" class="processing btn">Update</button>
                    </form>
                </div>

            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>


    <div class="bs-example" style="padding-bottom: 24px;">
        <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-large">Update your age</a>
    </div>

我有两个问题。 1.更新数据库中的值然后关闭模式的最佳方法是什么。 2. 如何在不重新加载的情况下刷新页面。

我做了一些尝试，但没有任何效果。

Answer 1

对我来说，在不重新加载的情况下更新数据库中的值的最佳方法是 您应该使用 Live Edit Using Jquery & ajax希望这有帮助。