Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.12.2018, 20:31
Аспирант
Отправить личное сообщение для oslayer Посмотреть профиль Найти все сообщения от oslayer
 
Регистрация: 18.10.2012
Сообщений: 63

Результат выполнения формы
Есть вот такая форма

<form action="https://app.getresponse.com/add_subscriber.html" accept-charset="utf-8" method="post">
	<!-- Поле Email (обязательно) -->
	email: <input type="text" name="email"/><br/>
	<!-- Токен списка -->
	<!-- Получить API ID на: https://app.getresponse.com/campaign_list.html -->
	<input type="hidden" name="campaign_token" value="11111" />
	<!-- Страница благодарности (по желанию) -->
	<input type="hidden" name="thankyou_url" value="https://mysite.ru/add/thanks.html"/>
	<!-- Кнопка подписаться -->
	<input type="submit" value="Subscribe"/>
</form>


Нужно что бы не было редиректа, но при этом форма отработала корректно
<!-- Страница благодарности (по желанию) -->
	<input type="hidden" name="thankyou_url" value="https://mysite.ru/add/thanks.html"/>



И содержимое блока №1
<div>Введите данные и нажмите "Subscribe"</div>


После успешного выполнения работы формы изменило содержимое на

Проверьте свою почту и подтвердите свой электронный адрес


Понимаю что нужен ajax. кроме этого про аякс ничего не знаю... помогите люди добрые
Ответить с цитированием
  #2 (permalink)  
Старый 05.12.2018, 21:30
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

jQuery используется на сайте?
Ответить с цитированием
  #3 (permalink)  
Старый 06.12.2018, 07:13
Аспирант
Отправить личное сообщение для oslayer Посмотреть профиль Найти все сообщения от oslayer
 
Регистрация: 18.10.2012
Сообщений: 63

Да, используется
Ответить с цитированием
  #4 (permalink)  
Старый 06.12.2018, 07:48
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Тогда в скрипте, который подключается к странице в обработчике загрузки документа, а это $(document).ready(function() { тут тева туча всякого кода, разных обработчиков }) или (function() { тут тева туча всякого кода, разных обработчиков }), что тоже самое, поместить обработчик отправления формы отправив ее асинхронно (форме добавить атрибут id, для ее селекции, например id="myform", а также DIV в котором нужно будет содержание изменить, пусть будет id="mydiv"):

$('#myform').submit(function(e) {
    e.preventDefault();
    $.post(this.action, $(this).serialize(), function(d) {
        $('#mydiv').text(d); 
        //d - это ответ сервера, сообщение содержащее или ошибку (если что-не пошло)
        //или текст Проверьте свою почту и подтвердите свой электронный адрес, если все удачно  
    })        
});


Есть и более развернутый метод $.ajax(), которым отправить тоже не будет "непонятным".
Ответить с цитированием
  #5 (permalink)  
Старый 06.12.2018, 08:23
Аспирант
Отправить личное сообщение для oslayer Посмотреть профиль Найти все сообщения от oslayer
 
Регистрация: 18.10.2012
Сообщений: 63

предложенный метод jqery не работает... ничего никуда не уходит.. Можно таки на ajaxe?

как не работает можно посмотеть здесь.
made-in-altai.ru
идём в подвал, левый нижний угол Launch demo modal.

Открывается модальное окошко. Вводим электронку, жмём subscribe, и ничего не происходит.
Ответить с цитированием
  #6 (permalink)  
Старый 06.12.2018, 08:48
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Всякие "модал" окошечки, это то, что может появиться на странице после того, как она была загружена. То есть, если по загрузке документа установить обработчик на форму, которой на странице еще нет, то это конечно работать не будет. Устанавливать обработчик нужно либо после появления формы на странице, либо делегировать обработку.
Ответить с цитированием
  #7 (permalink)  
Старый 06.12.2018, 08:56
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от oslayer
made-in-altai.ru
идём в подвал, левый нижний угол Launch demo modal.

Открывается модальное окошко
И где форма?
Ответить с цитированием
  #8 (permalink)  
Старый 06.12.2018, 08:58
Аспирант
Отправить личное сообщение для oslayer Посмотреть профиль Найти все сообщения от oslayer
 
Регистрация: 18.10.2012
Сообщений: 63

Launch demo modal - это кнопка, она поднимает форму
Ответить с цитированием
  #9 (permalink)  
Старый 06.12.2018, 09:00
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Я понимаю что это кнопка - где форма? Вот что по нажатию кнопки https://screenshots.firefox.com/lkTZ...de-in-altai.ru
Ответить с цитированием
  #10 (permalink)  
Старый 06.12.2018, 09:10
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Что касается самой формы и "не работает", то так как форма на странице, то и обработчик установлен, это можно видеть и в отладчике.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не удается результат работы формы записать в json файл giwuf AJAX и COMET 2 18.09.2018 19:30
Как клонировать результат выполнения скрипта? mamonic Events/DOM/Window 10 26.08.2016 17:15
Получить результат выполнения скрипта на сервере в переменную ява gyper AJAX и COMET 5 19.11.2012 11:36
Связать формы и результат обработчика Calisto Общие вопросы Javascript 0 04.04.2012 15:11
Достать результат выполнения ajax-запроса из функции EvgeniyRRU AJAX и COMET 6 04.11.2011 19:32