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

时间:2019-07-26 18:58:56

标签: javascript php

大家好,我试图从引导模式中运行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美元。

1 个答案:

答案 0 :(得分:0)

当页面刷新时,无法阻止窗口关闭。就像您关闭计算机一样。您确实应该花一点时间来学习Ajax。 Ajax调用PHP页面,发送参数以处理数据并返回结果而无需刷新。这是下一个级别:)

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