Отправка формы аяксом

@qlipoth · Регистрация: 27.04.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте подскажите пожалуйста как настроить отправку формы через аякс? я брал материал вот отсюда http://blog.ox2.ru/php/ajax-form/
в head добавил такую функцию

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
 
            function AjaxFormRequest(result_id,form_id,url) {
                jQuery.ajax({
                    url:    url,
                    type:     "POST", //Тип запроса
                    dataType: "html", //Тип данных
                    data: jQuery("http://c2788.paas2.ams.modxcloud.com/profil.html"+form_id).serialize(), 
                    success: function(response) { //Если все нормально
                    document.getElementById(result_id).innerHTML = response;
                },
                error: function(response) { //Если ошибка
                document.getElementById(result_id).innerHTML = "Ошибка при отправке формы";
                }
             });
        }
   </script>

на соответствующей страницы я вызываю эту функцию так

JavaScript
1
<button  type="submit" class="btn btn-primary" onclick="AjaxFormRequest('okno1', 'profil', 'assets/templates/blog/form.php')">сохранить профиль</button>

в итоге при отправке данных формы на сервер у меня постоянно вылезает сообщение что данные не отправлены иперебрасывает на страницу profil.html. Что я сделал неправильно?
код form.php

PHP
1
2
3
4
5
6
7
8
9
<?php
 
if (isset($_POST["username"])) {
   
    echo "yourlogin: " . iconv("utf-8", "cp1251", $_POST["username"]) . "<br/>";
     echo "yourfullname: " . $_POST["fullname"] . "<br/>";
    echo "yourmail: " . $_POST["email"] . "<br/>";
    }
    ?>

@kalabuni · 12.03.2014, 14:49

форма может отправлять данные на сервер сама (без какого-либо скрипта/аякса), если в ней имеется кнопка <input type="submit"> или <button type="submit">, на которую нажмёт пользователь

вы же хотите отправлять данные формы аяксом

подумайте - для чего вам в таком случае кнопка <button type="submit"> ?

@qlipoth · 12.03.2014, 15:06 **[ТС]**

заменил на

JavaScript
1
<input type="button" class="btn btn-primary" value="[[%ha.save_profile]]" onclick="AjaxFormRequest('okno1', 'profil', 'assets/templates/blog/form.php')"

при тыке на кнопку ниче не происходит. в админке сайта проверяю юзера данные о его профиле не изменились =(

Добавлено через 42 секунды
может я впринципе неправильно делаю?

@kalabuni · 12.03.2014, 15:14

не знаю, может быть, в принципе неправильно

~~виагра~~ вопросы Jquery ~~продаётся~~ рассматриваются в соседнем отделе ~~нашей аптеки~~ форума: https://www.cyberforum.ru/javascript-jquery/

@qlipoth · 12.03.2014, 16:40 **[ТС]**

кароч там диез надо было поставить. форма отправляется и в отдельном блоке выводятся ее данные но вопроса это как оказалось не решило т.к. в базе данных профиль пользователя не обновляется =(

Добавлено через 1 час 24 минуты
Вобщем я сделал как написано вот тут http://dustweb.ru/2008/11/jque... m-sending/. все работает но дело в том что сама форма вызывается тоже аяксом я используя для этого скрипт tinybox. вот так

JavaScript
1
<span onclick="TINY.box.show({url:'[[++site_url]][[~12]]',width:300,height:450})">Настройки</span>

После того как я вызвал фрому и отредактировал профиль пользователя я нажимаю сохранить и сначала меня перебрасывает на саму страницу с этой формой (profil.html) а уж потом на ней я могу отправить данные аяксом. логика работы сниппета содержащего эту форму такова что я не могу оставить атрибут action пустым и в нем я указываю id страницы на которой эта форма вызывается. Можно как нибудь сделать чтобы меня не перебрасывало на profil.html а данные отправлялись сразу?

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	12.03.2014, 14:49
	Сообщение было отмечено qlipoth как решение Решение форма может отправлять данные на сервер сама (без какого-либо скрипта/аякса), если в ней имеется кнопка <input type="submit"> или <button type="submit">, на которую нажмёт пользователь вы же хотите отправлять данные формы аяксом подумайте - для чего вам в таком случае кнопка <button type="submit"> ? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	12.03.2014, 15:14
	не знаю, может быть, в принципе неправильно ~~виагра~~ вопросы Jquery ~~продаётся~~ рассматриваются в соседнем отделе ~~нашей аптеки~~ форума: https://www.cyberforum.ru/javascript-jquery/ 0

Отправка формы аяксом

Решение