Подскажите начинаюшему jQuery+AJAX проблема с кодом

[igor]

Подскажите пожалуйста почему код не работает:

HTML

<form action="test.php" method="post" name="form">
a: <input id="text1" type="text" value="">
b: <input id="text2" type="text" value="">
<button id="buttest">Получитть сумму</button>



PHP

$a = $_POST["a"];
$b = $_POST["b"];
echo $a + $b;
?>

AJAX

$(function(){ // начало ready
$('#buttest').click(function(){
var a = $('#text1').val();
var b = $('#text2').val();
$.ajax({
type: "POST",
url: "test.php",
data: ({a : a, b : b}),
beforesend: alert('Отправленные данные: a = ' + a + ', b = ' + b),
success: function(data) { alert('Сумма = ' + data); }
});
});
}); // конец ready</form>

[admin]

Как то вот так видится:
Это форма у неё должен быть ззакрыт тэг! button не в форме, а то форма отправляется на test.php.

Код: Выделить всё

<form action="test.php" method="post" name="form">
a: <input id="text1" type="text" value="">
b: <input id="text2" type="text" value="">
</form>

<button id="buttest">Получитть сумму</button>

<script type="text/javascript">
$(function(){ // начало ready
$('#buttest').click(function(){
var a = $('#text1').val();
var b = $('#text2').val();
$.ajax({
type: "POST",
url: "test.php",
data: ({a : a, b : b}),
beforesend: alert('Отправленные данные: a = ' + a + ', b = ' + b),
success: function(data) { alert('Сумма = ' + data); }
});
});
}); // конец ready
</script>


[igor]

не в форме дело, здесь моя ошибка.
не происходит сложение чисел и вывод суммы на экран
success: function(data) { alert('Сумма = ' + data); }

[admin]

Добавьте строчку, посмотрите что выводит:

Код: Выделить всё

error :  function(XMLHttpRequest, textStatus, errorThrown){ alert(textStatus); }

[igor]

выплывает первое диалоговое окно
beforesend: alert('Отправленные данные: a = ' + a + ', b = ' + b),

на втором диалоговом окне вместо суммы чисел
type: "POST",
url: "test.php",
data: ({a : a, b : b}),
success: function(data) { alert('Сумма = ' + data); }

выходит ошибка error

[admin]

Передайте во вложении файлы архивом, я посмотрю.

[igor]

прикрепляю файл
СПС за помощь

[admin]

Замените в test.php

Код: Выделить всё

<form action="test.php" method="post" name="formwork111">
число a: <input type="text" id="text1" value=""> <!--1ое число -->
число b: <input type="text" id="text2" value=""> <!--2ое число -->
<button id="buttest">Получитть сумму</button>
</form>


на

Код: Выделить всё


<form action="test.php" method="post" name="formwork111">
число a: <input type="text" id="text1" value=""> <!--1ое число -->
число b: <input type="text" id="text2" value=""> <!--2ое число -->
</form>
<button id="buttest">Получитть сумму</button>


Кнопка button внутри формы выполняет функцию отправку формы, получается что у вас форма отправляется, до того как вернётся запрос, а отправляется на test.php (action="test.php"), поэтому страница перезагружается, а нам этого не надо.

Либо добавьте в script.js:

Код: Выделить всё

$('form').submit(function(){
return false
});


[igor]

огромное спасибо
и с наступившим Вас

[admin]

Не за что! И Вас с праздником!