Подписка на рассылку без перезагрузки страницы (ajax) - История изменений

Alexei в 14:37, 5 ноября 2015

2015-11-05T14:37:12Z

Stexe в 12:34, 31 марта 2014

2014-03-31T12:34:15Z

Stexe: Новая страница: « category:Модуль Рассылкиcategory:Вопросы и уроки разработки сайтов на UMI.CMS '''Задача:''' Реализ…»

2014-03-31T12:25:57Z

Новая страница: « category:Модуль Рассылки category:Вопросы и уроки разработки сайтов на UMI.CMS '''Задача:''' Реализ…»

Новая страница

[[category:Модуль Рассылки]][[category:Вопросы и уроки разработки сайтов на UMI.CMS]]
'''Задача:''' Реализовать подписку на рассылку посетителей сайта без перезагрузки страницы с помощью ajax.<br /><br />
'''Реализация:''' В шаблон подписки на рассылку, по которому обрабатываются результаты работы макроса dispatches subscribe(), добавим JavaScript код для отправки ajax запросов:
<source lang="javascript">
<script src="/js/jquery/jquery.jgrowl_minimized.js"></script>
<link rel="/js/jquery/jquery.jgrowl.css"/>
<script>
function sbs_frm_send( form ){
var request_url = "/udata://dispatches/subscribe_do/.json";
var email = $("input[name='sbs_mail']", form);
var params = {"sbs_mail" : email.val()};
$.ajax({
type: "POST",
url: request_url,
data: params,
dataType: "json",
})
.done(function( result ) {
getResult(result);
})
.fail(function( result ) {
jQuery.jGrowl('Возникла ошибка при выполнении запроса.', {
'header': 'UMI.CMS - Ошибка',
'life': 10000
});
});

function getResult( result ){
responses = {"%subscribe_subscribe%": "Вы подписались на рассылку",
"%subscribe_incorrect_email%": "Извините, Вы указали некорректный E-mail."};
var result_node = result["result"];
if (result_node["class"] && result_node["class"] === "error"){
jQuery.jGrowl( responses[result_node["node"]], {
'header': 'UMI.CMS - ошибка',
'life': 10000
});
email.focus();
}else{
jQuery.jGrowl( responses[result_node], {
'header': 'UMI.CMS',
'life': 10000
});
}

}

}
</script>
</source>

Тег <form> подписки на рассылку должен выглядеть следующим образом:
<source lang="javascript">
<form action="/dispatches/subscribe_do/" name="sbs_frm" method="post" onsubmit="sbs_frm_send(this);return false;">
</source>

← Предыдущая		Версия 14:37, 5 ноября 2015
Строка 55:		Строка 55:
	<form action="/dispatches/subscribe_do/" name="sbs_frm" method="post" onsubmit="sbs_frm_send(this);return false;">		<form action="/dispatches/subscribe_do/" name="sbs_frm" method="post" onsubmit="sbs_frm_send(this);return false;">
	</source>		</source>
		+
		+	Примечание: для использования данного скрипта в tpl-шаблонизаторе, следует заменить спец символы "&amp;" на "&"

@@ Строка 28: / Строка 28: @@
 		function getResult( result ){
 			responses = {"%subscribe_subscribe%": "Вы подписались на рассылку",
-						 "%subscribe_incorrect_email%": "Извините, Вы указали некорректный E-mail."};
+				     "%subscribe_incorrect_email%": "Извините, Вы указали некорректный E-mail.",
 			var result_node = result["result"];
 			if (result_node["class"] &amp;&amp; result_node["class"] === "error"){