在模式提交表單后更新值，無需重新加載即可更新頁面

Question

我會盡量保持清楚。

我正在創建一個簡單的示例頁面，員工可以在那里查看該年齡。 在頁面上，用戶可以選擇單擊按鈕以更改年齡。

該頁面從數據庫中的使用中加載使用期限。 因此，我從員工表中選擇與$ 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>

我有2個問題。 1.更新數據庫中的值然后關閉模式的最佳方法是什么。 2.如何刷新頁面而不重新加載。

我做了一些試驗和錯誤，但沒有任何效果。

Answer 1

對我而言，無需重新加載即可從數據庫更新值的最佳方法是，您應該使用“使用Jquery和ajax進行實時編輯”，希望對您有所幫助。

Answer 2

使用header（“ Location：index.php”）;