脚本宝典收集整理的这篇文章主要介绍了php – 在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>
EditCharacterModal.PHP
<?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 }
UpdateCharacterStat.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; }
以上是脚本宝典为你收集整理的php – 在Ajax操作后刷新模态全部内容,希望文章能够帮你解决php – 在Ajax操作后刷新模态所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。