在模态和更新页面中提交表单后更新值,无需重新加载

时间:2013-08-03 03:37:31

标签: php mysql refresh modal-dialog

我会努力尽可能清楚。

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

该页面加载了数据库中使用的年龄。 所以我从表员工中选择与$ 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/>";
        } 
    ?>

在此之下,我有一个bootstrap模式按钮,以便员工可以点击并更新年龄。

<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.如何在不重新加载的情况下刷新页面。

我做了一些试验和错误,但没有任何工作。

2 个答案:

答案 0 :(得分:1)

我无需重新加载即可从数据库更新值的最佳方法是 您应该使用Live Edit Using Jquery & ajax希望这会有所帮助。

答案 1 :(得分:0)

使用 header(“Location:index.php”);