如何在提交 php 脚本时保持模式打开

Question

嗨，我都试图从引导模式中运行 php 报价计算器，php 运行良好，但当它的服务器端页面刷新后，模型就会关闭，如果我再次打开模态，就会显示结果。我真的很感激一些帮助！

我是新手，并且已经阅读通过ajax运行代码可能会解决问题，但我不知道该怎么做。

为

php 提供一个单独的页面会更好还是可以组合。？

<?php
ini_set('display_errors',0);
if( isset( $_REQUEST['calculate'] )){
$size=$_REQUEST['size'];
$quan = (int)$_REQUEST['quantity']; // Casts the value to Integer
if($size=="A3"){
$res= $quan * 1.2;
}
if($size=="A2"){
$res= $quan * 1.8;
}
if($size=="A1"){
$res= $quan * 2.5;
}
if($size=="A0"){
$res= $quan * 3.2;
}
if($_REQUEST['quantity']==NULL)
{
echo "<script language=javascript> alert("Please Enter values.");</script>";
}
else if($_REQUEST['quantity']==NULL)
{
echo "<script language=javascript> alert("Please Enter Quantity.");</script>";}
}
?>
<div class="poster-modal">
<!-- Button HTML (to Trigger Modal) -->
<a data-toggle="modal" href="#posterModal" class="button"></a>
<!-- Modal HTML -->
<div id="posterModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">&times;</button>
<h4 class="modal-title">Poster Quote</h4>
</div>
<div class="modal-body">
<form>
<tr>
<td>Quantity<input name="quantity" type="text" size="5" /></td>
</tr>
<br>
<br>
<tr>
<td>Size<select name="size">
<option selected="selected">A3</option>
<option>A2</option>
<option>A1</option>
<option>A0</option>
</select></td>
</tr>  
<br>
<br>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<td><input type="Submit" name="calculate" value="calculate"></td>
<tr>
<td>&nbsp;</td>
</tr>
<td style="text-align:right;">Price</td>
<td class="feedback" style="font-weight:bolder;font-size:20px;color:#F00;"><?php echo $res;?></td>
</tr>
</div>
</td>                   
</form>
</div>
</div>                  
</div>
</div>

我还希望最终结果显示已完成的字段，并有一个清除或刷新按钮。

即 100 张 A3 海报是 20 美元。

Answer 1

无法

阻止窗口在页面刷新时关闭。就好像你把电脑关掉了一样。你确实应该花一点时间来了解 ajax。Ajax 调用 PHP 页面，发送用于处理数据的参数，并在不刷新的情况下返回结果。这是下一个级别：(

https://api.jquery.com/jquery.ajax/