Php Ajax操作后刷新模式_Php_Jquery_Ajax_Twitter Bootstrap_Bootstrap Modal

Php Ajax操作后刷新模式

php jquery ajax twitter-bootstrap

Php Ajax操作后刷新模式,php,jquery,ajax,twitter-bootstrap,bootstrap-modal,Php,Jquery,Ajax,Twitter Bootstrap,Bootstrap Modal,在执行AJAX操作之后，我想刷新我的模式，但我不知道如何刷新。我在这个问题上花了太多时间在ViewCharacter.php页面中，您将看到一个包含最新数据的页面，您可以单击铅笔按钮“#ButtonEditCharacterStats”编辑统计数据，然后它将为您打开一个包含最新数据的模式。当您单击按钮“加1”按钮（#StrengthPlusOne）时，该数字将增加1，但在此之后，我想关闭模式，再次加载并显示最新数据或者，更好的解决方案是保持模态打开并加载模态的内容。我似乎找不到解决这个问题的

在执行AJAX操作之后，我想刷新我的模式，但我不知道如何刷新。我在这个问题上花了太多时间

在ViewCharacter.php页面中，您将看到一个包含最新数据的页面，您可以单击铅笔按钮“#ButtonEditCharacterStats”编辑统计数据，然后它将为您打开一个包含最新数据的模式。当您单击按钮“加1”按钮（#StrengthPlusOne）时，该数字将增加1，但在此之后，我想关闭模式，再次加载并显示最新数据

或者，更好的解决方案是保持模态打开并加载模态的内容。我似乎找不到解决这个问题的办法

任何进一步改进此脚本的想法都将不胜感激

ViewCharacter.php

<?php
$Character = new Character;
$Character->getSingleCharacter();

$result = $Character->getSingleCharacter();
?>

<h2>Character</h2>

<?php
while ($Character = $result->fetch_object())
{
    ?>
    <h3><?php echo $Character->FirstName ?></h3>
    </br>

    <div class="row">
        <div class="col-xs-6">
            <div class="panel panel-default">
                <div class="panel-heading">
                    Stats
                </div>
                <div class="panel-body"> 


                    <ul class="nav nav-pills" role="tablist">
                        <li role="presentation" class="active">
                            <button id="ButtonEditCharacterStats" style="" data-toggle="modal" data-target="#EditCharacterStats" class="ToolbarButton glyphicon glyphicon-pencil fa-2x"></button>

                            </br></br>

                            <a href="#">Strength <span class="badge"><?php echo $Character->Strength; ?></span><span class="badge"><?php echo $Character->StrengthBonus; ?></span></a></br>
                            <a href="#">Dexterity <span class="badge"><?php echo $Character->Dexterity; ?></span><span class="badge"><?php echo $Character->DexterityBonus; ?></span></a></br>
                            <a href="#">Constitution <span class="badge"><?php echo $Character->Constitution; ?></span><span class="badge"><?php echo $Character->ConstitutionBonus; ?></span></a></br>
                            <a href="#">Intelligence <span class="badge"><?php echo $Character->Intelligence; ?></span><span class="badge"><?php echo $Character->IntelligenceBonus; ?></span></a></br>
                            <a href="#">Wisdom <span class="badge"><?php echo $Character->Wisdom; ?></span><span class="badge"><?php echo $Character->WisdomBonus; ?></span></a></br>
                            <a href="#">Charisma <span class="badge"><?php echo $Character->Charisma; ?></span><span class="badge"><?php echo $Character->CharismaBonus; ?></span></a></br>

                        </li>
                    </ul>                
                </div>
                <?php
            }
            ?>

            <div class="panel-footer">
                Stats
            </div>
        </div>
    </div>
    <div class="col-xs-6">
        <div class="panel panel-default">
            <div class="panel-heading" style="background-color: #d9534f;color:white;">
                Stats
            </div>
            <div class="panel-body">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
            </div>
            <div class="panel-footer">
                Stats
            </div>
        </div>
    </div>

</div>

<script>
    $(document).ready(function () {

        //$("#StrengthPlusOne").click(function()
        $("#StrengthPlusOne").on("click", function ()
        {
            $.ajax({
                method: "POST",
                url: "inc/view/Character/UpdateCharacterStat.php",
                data: {
                    ID: "2",
                    stat: "Strength",
                    Operator: "Increase"

                }
            })
                    .done(function (msg) {
                        alert("Data Saved: " + msg);
                    });
        });
    });

    $("#StrengthMinusOne").click(function () {
        alert("-1");
    });


</script>

<?php
$Character = new Character;
$Character->getSingleCharacter();

$result = $Character->getSingleCharacter();

while ($Character = $result->fetch_object()){?>
</br>

<div id="EditCharacterStats" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="panel-body">
                <div id="EditCharacterStatsContent">
                <h3>Edit Character Stats</h3>
                <ul class="nav nav-pills" role="tablist">
                    <li role="presentation" class="active">
                        </br></br>
                        <a href="#">
                            Strength 
                            <span class="badge"><?php echo $Character->Strength; ?>
                            </span> 
                        <button id="StrengthPlusOne" class="SmallToolbarButton glyphicon glyphicon-plus-sign fa-1x"> 1</button>
                        <button id="StrengthMinusOne" class="SmallToolbarButton glyphicon glyphicon-minus-sign fa-1x"> 1</button>

                        </a>


                        </br>
                        <a href="#">
                            Strength Bonus
                            <span class="badge"><?php echo $Character->StrengthBonus; ?></span>
                        </a></br>
                        <a href="#">
                            Dexterity 
                            <span class="badge"><?php echo $Character->Dexterity; ?></span>
                            <span class="badge"><?php echo $Character->DexterityBonus; ?></span>
                        </a></br>
                        <a href="#">
                            Constitution 
                            <span class="badge"><?php echo $Character->Constitution; ?></span>
                            <span class="badge"><?php echo $Character->ConstitutionBonus; ?></span>
                        </a></br>
                        <a href="#">Intelligence 
                            <span class="badge"><?php echo $Character->Intelligence; ?></span>
                            <span class="badge"><?php echo $Character->IntelligenceBonus; ?></span></a></br>
                        <a href="#">
                            Wisdom 
                            <span class="badge"><?php echo $Character->Wisdom; ?></span>
                            <span class="badge"><?php echo $Character->WisdomBonus; ?></span>
                        </a></br>
                        <a href="#">Charisma 
                            <span class="badge"><?php echo $Character->Charisma; ?></span>
                            <span class="badge"><?php echo $Character->CharismaBonus; ?></span>
                        </a></br>

                    </li>
                </ul>  
                </div>
            </div>
        </div>
    </div>
</div>
<?php
}

<?php
$Stat = filter_input(INPUT_POST, 'Stat');

include "../../../inc/dbconnect.php";

$sql = "UPDATE TBL_Character SET Strength= Strength + 1 WHERE ID=2";
echo "Strength increase selected!";
if ($connection->query($sql) === TRUE) {

} else {
    echo "Error updating record: " . $connection->error;
}


性格


统计数据



















统计数据
统计数据
Lorem ipsum dolor sit amet，是一位杰出的献身者。前庭有一种特殊的感觉。Aliquam ornare lacus Adipising，posuere lectus et，fringilla augue
统计数据
$（文档）.ready（函数（）{
//$（“#StrengthPlusOne”）。单击（函数（）
$（#StrengthPlusOne”）。在（“单击”，函数（）
{
$.ajax({
方法：“张贴”，
url:“inc/view/Character/UpdateCharacterStat.php”，
数据：{
ID:“2”，
统计：“力量”，
接线员：“增加”
}
})
.done（函数（msg）{
警报（“保存的数据：“+msg”）；
});
});
});
$（“#StrengthMinusOne”）。单击（函数（）{
警报（“-1”）；
});

EditCharacterModal.php

<?php
$Character = new Character;
$Character->getSingleCharacter();

$result = $Character->getSingleCharacter();
?>

<h2>Character</h2>

<?php
while ($Character = $result->fetch_object())
{
    ?>
    <h3><?php echo $Character->FirstName ?></h3>
    </br>

    <div class="row">
        <div class="col-xs-6">
            <div class="panel panel-default">
                <div class="panel-heading">
                    Stats
                </div>
                <div class="panel-body"> 


                    <ul class="nav nav-pills" role="tablist">
                        <li role="presentation" class="active">
                            <button id="ButtonEditCharacterStats" style="" data-toggle="modal" data-target="#EditCharacterStats" class="ToolbarButton glyphicon glyphicon-pencil fa-2x"></button>

                            </br></br>

                            <a href="#">Strength <span class="badge"><?php echo $Character->Strength; ?></span><span class="badge"><?php echo $Character->StrengthBonus; ?></span></a></br>
                            <a href="#">Dexterity <span class="badge"><?php echo $Character->Dexterity; ?></span><span class="badge"><?php echo $Character->DexterityBonus; ?></span></a></br>
                            <a href="#">Constitution <span class="badge"><?php echo $Character->Constitution; ?></span><span class="badge"><?php echo $Character->ConstitutionBonus; ?></span></a></br>
                            <a href="#">Intelligence <span class="badge"><?php echo $Character->Intelligence; ?></span><span class="badge"><?php echo $Character->IntelligenceBonus; ?></span></a></br>
                            <a href="#">Wisdom <span class="badge"><?php echo $Character->Wisdom; ?></span><span class="badge"><?php echo $Character->WisdomBonus; ?></span></a></br>
                            <a href="#">Charisma <span class="badge"><?php echo $Character->Charisma; ?></span><span class="badge"><?php echo $Character->CharismaBonus; ?></span></a></br>

                        </li>
                    </ul>                
                </div>
                <?php
            }
            ?>

            <div class="panel-footer">
                Stats
            </div>
        </div>
    </div>
    <div class="col-xs-6">
        <div class="panel panel-default">
            <div class="panel-heading" style="background-color: #d9534f;color:white;">
                Stats
            </div>
            <div class="panel-body">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
            </div>
            <div class="panel-footer">
                Stats
            </div>
        </div>
    </div>

</div>

<script>
    $(document).ready(function () {

        //$("#StrengthPlusOne").click(function()
        $("#StrengthPlusOne").on("click", function ()
        {
            $.ajax({
                method: "POST",
                url: "inc/view/Character/UpdateCharacterStat.php",
                data: {
                    ID: "2",
                    stat: "Strength",
                    Operator: "Increase"

                }
            })
                    .done(function (msg) {
                        alert("Data Saved: " + msg);
                    });
        });
    });

    $("#StrengthMinusOne").click(function () {
        alert("-1");
    });


</script>

<?php
$Character = new Character;
$Character->getSingleCharacter();

$result = $Character->getSingleCharacter();

while ($Character = $result->fetch_object()){?>
</br>

<div id="EditCharacterStats" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="panel-body">
                <div id="EditCharacterStatsContent">
                <h3>Edit Character Stats</h3>
                <ul class="nav nav-pills" role="tablist">
                    <li role="presentation" class="active">
                        </br></br>
                        <a href="#">
                            Strength 
                            <span class="badge"><?php echo $Character->Strength; ?>
                            </span> 
                        <button id="StrengthPlusOne" class="SmallToolbarButton glyphicon glyphicon-plus-sign fa-1x"> 1</button>
                        <button id="StrengthMinusOne" class="SmallToolbarButton glyphicon glyphicon-minus-sign fa-1x"> 1</button>

                        </a>


                        </br>
                        <a href="#">
                            Strength Bonus
                            <span class="badge"><?php echo $Character->StrengthBonus; ?></span>
                        </a></br>
                        <a href="#">
                            Dexterity 
                            <span class="badge"><?php echo $Character->Dexterity; ?></span>
                            <span class="badge"><?php echo $Character->DexterityBonus; ?></span>
                        </a></br>
                        <a href="#">
                            Constitution 
                            <span class="badge"><?php echo $Character->Constitution; ?></span>
                            <span class="badge"><?php echo $Character->ConstitutionBonus; ?></span>
                        </a></br>
                        <a href="#">Intelligence 
                            <span class="badge"><?php echo $Character->Intelligence; ?></span>
                            <span class="badge"><?php echo $Character->IntelligenceBonus; ?></span></a></br>
                        <a href="#">
                            Wisdom 
                            <span class="badge"><?php echo $Character->Wisdom; ?></span>
                            <span class="badge"><?php echo $Character->WisdomBonus; ?></span>
                        </a></br>
                        <a href="#">Charisma 
                            <span class="badge"><?php echo $Character->Charisma; ?></span>
                            <span class="badge"><?php echo $Character->CharismaBonus; ?></span>
                        </a></br>

                    </li>
                </ul>  
                </div>
            </div>
        </div>
    </div>
</div>
<?php
}

<?php
$Stat = filter_input(INPUT_POST, 'Stat');

include "../../../inc/dbconnect.php";

$sql = "UPDATE TBL_Character SET Strength= Strength + 1 WHERE ID=2";
echo "Strength increase selected!";
if ($connection->query($sql) === TRUE) {

} else {
    echo "Error updating record: " . $connection->error;
}




编辑角色统计信息





















您应该首先创建一个名为getCharacterStats.php
的页面，然后在数据更新后使用javascriptsXMLHTTPREQUEST
加载数据