Slyweb
На разработку сайта! Скидки 50%!

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

Вы можете задавать любые вопросы по jQuery.

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

Сообщение igor » 22 фев 2011, 19:06

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

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>
igor
 
Сообщения: 5
Зарегистрирован: 22 фев 2011, 18:53

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

Сообщение admin » 23 фев 2011, 00:18

Как то вот так видится:
Это форма у неё должен быть ззакрыт тэг! 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>
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

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

Сообщение igor » 23 фев 2011, 00:29

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

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

Сообщение admin » 23 фев 2011, 01:12

Добавьте строчку, посмотрите что выводит:
Код: Выделить всё
error :  function(XMLHttpRequest, textStatus, errorThrown){ alert(textStatus); }
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

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

Сообщение igor » 23 фев 2011, 11:58

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

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

выходит ошибка error
igor
 
Сообщения: 5
Зарегистрирован: 22 фев 2011, 18:53

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

Сообщение admin » 23 фев 2011, 12:06

Передайте во вложении файлы архивом, я посмотрю.
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

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

Сообщение igor » 23 фев 2011, 13:49

прикрепляю файл
СПС за помощь
Вложения
ajax.zip
(28.24 Кб) Скачиваний: 1705
igor
 
Сообщения: 5
Зарегистрирован: 22 фев 2011, 18:53

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

Сообщение admin » 23 фев 2011, 18:43

Замените в 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
});
Вложения
ajax.rar
Исправленный архив!
(55.28 Кб) Скачиваний: 1707
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

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

Сообщение igor » 24 фев 2011, 12:57

огромное спасибо
и с наступившим Вас
igor
 
Сообщения: 5
Зарегистрирован: 22 фев 2011, 18:53

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

Сообщение admin » 24 фев 2011, 13:32

Не за что! И Вас с праздником!
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02


Вернуться в Вопросы по jQuery

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron