Как настроить кастомизированную форму обратной связи 1С Битрикс?

Question

[Максим]

Добрый вечер.
После заполнения формы обратной связи на сайте к адресу страницы добавляется текст: example.ru/?success=6792d9ccc84cf30f3d809e47410d4060&bxajaxid=95a1c17a7c5c43488d30dc20fc3c6615&AJAX_CALL=Y
Сама страница пустая как на фото:
Код компонента:

<?
if(!defined('B_PROLOG_INCLUDED')||B_PROLOG_INCLUDED !== true) die();
$frame = $this->createFrame()->begin();
?>
<form action="<?=$APPLICATION->GetCurPage()?>" method="POST" class="om__block">
	<?=bitrix_sessid_post()?>
	<?if($arResult['OK_MESSAGE']):?>
		<div class="ok-text center"><?=$arResult['OK_MESSAGE']?></div>
	<?else:?>
		<div class="label-text">Ваше имя <?if(in_array('NAME', $arParams['REQUIRED_FIELDS'])) echo ' *';?>:</div>
		<input type="text" name="user_name" class="input<?if($arResult['ERROR_MESSAGE']['NAME']) echo ' error';?>" value="<?=$arResult['FIELDS_VALUE']['AUTHOR']?>" />
		<div class="label-text">Ваш телефон <?if(in_array('EMAIL', $arParams['REQUIRED_FIELDS'])) echo ' *';?>:</div>
		<input type="text" name="phone" class="input<?if($arResult['ERROR_MESSAGE']['PHONE']) echo ' error';?>" value="<?=$arResult['FIELDS_VALUE']['PHONE']?>" />
        <div class="label-text">Ваш город <?if(in_array('CITY', $arParams['REQUIRED_FIELDS'])) echo ' *';?>:</div>
		<input type="text" name="city" class="input<?if($arResult['ERROR_MESSAGE']['CITY']) echo ' error';?>" value="<?=$arResult['FIELDS_VALUE']['CITY']?>" />
		<?/*if($arParams['USE_CAPTCHA'] == 'Y'):?>
			<div class="label-text">Текст с картинки *</div>
			<div class="captcha row">
				<input type="hidden" name="captcha_sid" value="<?=$arResult['capCode']?>">
				<input type="text" name="captcha_word" class="input<?if($arResult['ERROR_MESSAGE']['CAPTCHA']) echo ' error';?>" placeholder="" />
				<img src="/bitrix/tools/captcha.php?captcha_sid=<?=$arResult['capCode']?>">
			</div>
		<?endif;*/?>
		<?ReCaptcha::Display('captcha_callback');?>
		<div class="form-info center">* — Поля обязательны для заполнения</div>
		<div class="center">
			<input type="hidden" name="PARAMS_HASH" value="<?=$arResult['PARAMS_HASH']?>">
			<button name="submit" class="button gb" value="Y">Отправить</button>
		</div>
        <div class="form-info-policy">Нажимая на кнопку Отправить, вы подтверждаете свою дееспособность и согласие с <a href="/privacy-policy/" target="_blank">политикой конфиденциальности</a> в отношении обработки персональных данных.</div>
	<?endif;?>
</form>
<?
$frame->beginStub();
?>
<?
$frame->end();
?>

Как сделать, что бы пользователь оставался на той же странице, не пойму куда копать.

Comments

[PetrPo]

В вызов компонента добавь 'AJAX_MODE' => 'Y'

[Максим]

PetrPo, добавлено

[PetrPo]

Максим, у тебя ошибка какая-то в консоли. Перед отправкой формы, перейди во вкладку console, поставь preserve log, отправь форму и покажи что там будет написано

[Максим]

PetrPo, вот так:

[Максим]

Причем эта ошибка только когда добавляешь компонент в footer. Если располагаешь его на отдельной странице, все работает как надо.

[PetrPo]

Максим, добавь в хедер

<?
CJSCore::Init(array('ajax'));
?>

[Максим]

PetrPo, не сработало

[Максим]

PetrPo, Добавил в header. Теперь, из админки отправляется как надо, когда раз авторизируешься, сообщение на белом фоне.

[PetrPo]

Максим, ошибка в консоли пропала?

[Максим]

PetrPo, когда авторизирован, ошибки нет, когда выйдешь, есть. Дело в авторизации.

[PetrPo]

Максим, думаю дело не в авторизации, а в том что у тебя битриксовая панель подключена, при подключении которой подгружаются определенные js библиотеки, через метод, который я указал выше

[Максим]

PetrPo, АААААААААА! Вынос мозга! И что делать?

[PetrPo]

Максим, вообще, понять какой библиотеки не хватает и подключить ее))
У тебя точно сработал метод CJSCore::Init в хедере? Авторизуйся в одном окне, а в другом открой инкогнито, потом в консоли и там и там напиши ajax потом enter, что будет?

[Максим]

PetrPo, Инкогнито
Авторизирован

[PetrPo]

Максим, че-то я тупанул, BX.ajax напиши

[Максим]

PetrPo, Авторизирован
инкогнито

[PetrPo]

Максим, ну собственно вот в этом и проблема, что неавторизованным undefined. Покажи скрин хедера где написал CJSCore::Init(array('ajax'));

[Максим]

Вот

[PetrPo]

Максим, попробуй заменить на
CUtil::InitJSCore(array('ajax'));

[Максим]

Так же undefined

[Максим]

Это фиаско)! PetrPo

[PetrPo]

Максим, печалька) хз, у меня варианты закончились. Проблема понятна, гугл в помощь или задай здесь вопрос, почему BX.ajax undefined

[Максим]

PetrPo, спасибо за помощь! Буду гуглить.

[Максим]

PetrPo, для ускорения загрузки сайта, были отключены загрузки библиотек Bitrix для не авторизованных пользователей. Добавил в title<meta property="save_kernel" content="Y">, все работает как надо. Спасибо.

[PetrPo]

Максим, это у тебя на сайте кастом какой-то или битрикс такую штуку придумали?

[Максим]

PetrPo, кастом.

Answer 1

[ProF1NE]

AJAX + JQuery копай,
функция

$.ajax({
 url: 'load.php',
 data: {"setting": value_setting},
 dataType: "html",
 success: function(date) {
 $('block selector').html(html);
}
})

Answer 2

[Aisamiery]

У вас ответ для AJAX запроса.
Вы можете форму эту отправить через AJAX а ответ вставить в элемент на странице или вместо формы.

А так сделать кастомную форму не сложно, обычно делают на инфоблоках и кастомный скриптик который принимает ajax запросы.

Answer 3

[Максим]

Код компонента:

$APPLICATION->IncludeComponent(
	"otb:main.feedback", 
	"callback", 
	array(
		"COMPONENT_TEMPLATE" => "callback",
		"EMAIL_TO" => "",
		"EVENT_MESSAGE_ID" => array(
			0 => "8",
		),
		"OK_TEXT" => "Спасибо, ваше сообщение принято.",
		"REQUIRED_FIELDS" => array(
			0 => "NAME",
			1 => "PHONE",
		),
		"USE_CAPTCHA" => "Y",
		"AJAX_MODE" => "Y",
		"AJAX_OPTION_JUMP" => "N",
		"AJAX_OPTION_STYLE" => "N",
		"AJAX_OPTION_HISTORY" => "N",
		"AJAX_OPTION_ADDITIONAL" => "N"
	),
	false
);