PHP计算器表单没有页面重新加载

时间:2013-07-30 22:41:17

标签: php javascript ajax forms calculator

我很长时间都在寻找解决方案。我发现其中许多相似,但与我的主题并不完全相关。

我知道您必须使用AJAX,但我不确切知道如何将它们放在一起才能正常工作。

我的计划是放置一个计算器,无需刷新页面即可进行计算。我在jsfiddle上放了一些代码。您可以看到单独的PHP代码,这是一个单独的HTML注释。

根据下拉菜单中的选定项目单独显示内容。

每个都有一个不同的内容项,php代码具有固定值(例如$ ilosc1 = 19 \ \ 24行HTML)

JSFIDDLE CODE

在javascript中,我将此设置为始终在第一个条目上显示第一个内容(item1选项卡)。问题是,当我在页面上进行计算时(使用菜单 - item2),当我单击“计算”时,页面会自动重新加载,并首先显示item1内容。要查看item2的计算结果,我需要从菜单列表中重新选择位置到item2。

计算器PHP代码:

<?php
if ($_GET['calc'] == "yes")
{
$item1 = $_GET['item1'];
$item2 = $_GET['item2'];
$item3 = $_GET['item3'];
$ilosc1 = 19;
$ilosc2 = 21;
$ilosc3 = 25;
$area1 = $item1*$ilosc1;
$area2 = $item2*$ilosc2;
$area3 = $item3*$ilosc3;
}
?>

Price Place中的简单PHP打印(在h4标签之间)(使用$ on jsfiddle结果窗口):

<?php print $area1+0 ?> //I set '+0' to always shows 0$ in <h4></h4>

我将表单的操作设置为:

<?php $_REQUEST['self'] ?>

和GET的方法(method =“get”)

也许还有其他方法可以避免使用AJAX或Javascript并在纯PHP中使用它(我的意思是没有刷新页面)?

0 个答案:

没有答案