Форумы портала PHP.SU :: Php форму при помощи ajax

Здравствуйте! необходимо при заполнении параметров отображать их пользователю без перезагрузки страницы, при помощи ajax предполагаю можно сделать.
Вот сам скрипт:

PHP:
скопировать код в буфер обмена

  <?PHP 
 
if ($_POST[submit]) {
 
        $dlina = $_POST['total'];
        $shirina = $_POST['size2'];
        $kolvo = $_POST['kolvo'];
        $ploshad = $dlina * $shirina ;
        $plastik = 0.16;
 
 
        if ($_POST['profile'] == "Da")
        {
                $profil = $ploshad * 0.09;
        }
 
        
 
        //Стоимости с чекбоксов по порядку
        $r = $_POST['radio'];
        if ($r == 1) $cena = 200;
        if ($r == 2) $cena = 250;
        if ($r == 3) $cena = 350;
        if ($r == 4) $cena = 260;
    if ($r == 5) $cena = 0;
    
  $itog = $ploshad * $plastik + $profil + $kolvo * $cena  ;
        
        
        if ($_POST['email1'] == '1') {   
  $msg = "Длина ".$dlina."\r\n Ширина ".$shirina."\r\n Тип карманов:".$r."\r\n Профиль окантовочный по периметру NIELSEN:".$_POST['profile']."\r\n Итоговая стоимость ".$itog;
        mail($_POST[email],'Тема письма',$msg);
        }
        
        
}
 
 
        ?>

CODE (html):
скопировать код в буфер обмена

   <form id="calcul" action="#" method="POST">
                         Рассчитать стоимость стендов</br>
                         Тип карманов:</br>
                            <input type="radio" name="radio" value="1" >Карман прозрачный a-4 </input></br>
                                <input type="radio" name="radio" value="2" > Карман прозрачный а-3 </input></br>
                                <input type="radio" name="radio" value="3" > Оъемный пластиковый,прозрачный карман А4</input></br>
                                <input type="radio" name="radio" value="4" > Оъемный пластиковый,карман вертикальный а-5</input></br>
                <input type="radio" name="radio" value="5" checked > Карман отсутствует </input></br>
                            Колличество карманов:
                                <input type="number" name="kolvo"  min="1" max="20" /></br>
                            Профиль окантовочный по периметру NIELSEN:
                                     <select name="profile">
                                         <option name="profil" value="net">Нет</option>
                                             <option name ="profil" value="Da">Да</option>
                                     </select></br>
                            Размер пластика:
                            <input type="text" name="total" required="required" size="8" /> X
                                <input type="text" name="size2" required="required" size="8"/></br>
                                Введите ваш e-mail:
                                <input type="text" name="email" /></br>
                                Отправить расчет на e-mail:
                                <input type="checkbox" name="email1" value="1"/>ДА</br>
                            <button type="submit" name="submit" value="Рассчитать"> Рассчитать </button>
                                <input type="text" size="4" value="<?php echo $itog; ?>" name="stoimost"/>
                                
                                
         </form>