Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.93/14: Рейтинг темы: голосов - 14, средняя оценка - 4.93
NapalmRain
44 / 43 / 7
Регистрация: 18.05.2010
Сообщений: 688
1

Ajax отправление данных из формы без перезагрузки страницы (почему-то перезагружается)

10.08.2012, 17:09. Просмотров 2641. Ответов 2
Метки нет (Все метки)

Доброго всем дня. реализую вот такой вот простой механизм:

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function tsend(){
        $.ajax({
            url: 'sendmail.php',
            dataType: 'html',
            type: 'POST',
            async: false,
                        data:$('#sendmess').serialize(),
            success: function(resp){  
                            if(resp==1){
                                document.text.text.value = "";
                                document.text.text.focus();
                             }else{
                                alert('При отправке сообщения произошла ошибка');
                             }
                         
                }
            
        });
 
}
и форма:
HTML5
1
2
3
4
5
<table><tr><td>кому:</td><td>сообщение:</td></tr>
    <tr>
    <form name='sendmess' id='sendmess' method=POST onSubmit = 'tsend(); return false;'>
    <td><input type=text name='priv' id='priv' size=10></td><td><input size=45 name='text' required id='text'><input type=submit name=send value='Отправить'></td>
    </form></tr></table>
В идее, нажал на кнопку отправить и получил ответ от скрипта, а на практике почему-то страница перезагружается, как будто я просто использую action в форме и потом возвращаюсь из исполнительно скрипта назад.

Прошу подсказать, как решить данную проблему
0
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
10.08.2012, 17:09
Ответы с готовыми решениями:

Отправка формы без перезагрузки страницы (AJAX)
Все работает нормально, но почему то дублируются поля ввода ИМЯ и СООБЩЕНИЕ после нажатия на кнопку...

Отправка формы без перезагрузки страницы Ajax
Здравствуйте! Никак не могу отправить. В чем ошибка, если есть? Файлы index.html и jquery.js...

Сохранение формы с изображениями без перезагрузки страницы, ajax
class IdentificationForm(forms.ModelForm): class Meta: model = RequestUser ...

Пример простейшего калькулятора на PHP без перезагрузки страницы (чистый Ajax, без jQuery и других библиотек)
Привет. Это, в каком-то смысле, продолжение креатива...

2
Soldado
731 / 722 / 137
Регистрация: 28.06.2012
Сообщений: 1,318
Записей в блоге: 4
10.08.2012, 21:34 2
Всё логично. Вы не отменили стандартное действие для submit. Не уверен, что именно так - никогда не отправлял форму, используя onSubmit. Для этого есть input type="submit" и вот такой вариант записи . Но попробуйте:
Javascript
1
2
3
function tsend(stop){
      preventDefault();
             $.ajax({.....
1
NapalmRain
44 / 43 / 7
Регистрация: 18.05.2010
Сообщений: 688
11.08.2012, 00:58  [ТС] 3
благодарю. решил вопрос немного иначе, но за совет благодарю!
0
11.08.2012, 00:58
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
11.08.2012, 00:58

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

ajax загрузка страницы без перезагрузки
ajax загрузка страницы без перезагрузки внутри контента Пример у меня есть ссылка...

Ajax обновление контента без перезагрузки страницы
Ребята доброго времени! Помогите пожалуйста! Есть не доработанный сайт, в нем есть страница, в...

AJAX или JS ReCaptcha 2.0 без перезагрузки страницы
Доброго времени суток! Что-то как ни крути у меня не получается навесить капчу от гугл 2.0. Мне...

Ajax + js загрузка контента без перезагрузки страницы
&lt;script&gt; function showContent(link) { var cont =...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.