Обработка js функции через AJAX

[cyber_bober]

Привет. Бьюсь с такой проблемой, есть функция, которая считает данные из полей ввода, нужно чтобы функция выполнилась и вывела результат в <div>. Функцию написал, а вот как сделать чтобы без перезагрузки, по клику сработала функция и вывелись данные? Подскажите кто знает. Спасибо.

[bes]

где код

[cyber_bober]

function calc(){
var aside = $('#aside').val();
var bside = $('#bside').val();
var type = $('#type').val();

if (type<2){
d = 57;
r  = 2;
price = 330;

}
else(type>2 && type<5)
{
d = 89;
price = 350;
r  = 2;
}


var square = aside * bside ;
var count = square/r;
count = count - (count%1);
var p = count * price;
alert (price);
countv.innerHTHML = count;
$('#countv').append('Количество свай:'  + count);
$('#pricev').append("Цена: " + price);
$('#dv').append("Диаметр: " + d);

return true;

};

<form style="margin-top:30px;" id="calculator" name="calculator" method="post" submit="calc();">
    <label >Тип постройки:</label>
 <select id="type" value="Выберите" class="select-block">
            <option value="0">Дорожный знак</option>
            <option value="1">Забор</option>
            <option value="2">Баня</option>
            <option value="3">Веранда</option>
            <option value="3">Беседка</option>
            <option value="4" selected="selected">Одноэтажный дом</option>
            <option value="5">Двухэтажный дом</option>
          </select> 
  
    <label>Сторона А:</label>
      <input type="text" class="form-control" id="aside" placeholder="Введите количество метров">
   
    <label>Сторона Б:</label>
      <input type="text" class="form-control" id="bside" placeholder="Введите количество метров">

 


      <button type="submit">Рассчитать</button>
    
</form>
<span id="countv"></span>
         <span id="pricev" ></span>
         <span id="dv"></span>

[BETEPAH]

<button type="submit" onclick="calc(); return false">Рассчитать</button>

или

<span onclick="calc()">Рассчитать</span>

ajax-то здесь при чем?

[cyber_bober]

BETEPAH
Спасибо, у меня только один вопрос. Впринципе вешал вызов функции и в form submit="calc();" и на кнопку onclick="calc();".
Однако после клика данные к <span> не подгружались, а страница перезагружалась и прыгала ввверх. Почему при "calc(); return false" скрипт стал работать нормально? Спасибо еще раз.

[BETEPAH]

потому что return false отменяет действие submit, т.е. отправки данных на сервер, которая приводит к перезагрузке страницы.

[cyber_bober]

BETEPAH, понял, спасибо большое!