@anriko

Как сделать оправку из формы в режиме ajax на битрикс?

Вот код вызова компонента ,он находится на главной странице, мне нужно сделать отправку из формы в режиме ajax ,html формы по ajax получать не нужно

вот эти js не получается отправит

$(document).on("submit", ".order-form", function(e) {
                debugger ;e.preventDefault();
                $.ajax({
                    url: "/?back_url_admin=%2Fbitrix%2Fadmin%2Fupdate_system.php%3Flang%3Dru",
                    type: "POST",
                    data: $(this).serialize(),
                    success: function(data) {
                        $("body").append(data);
                    }
                });
            });


<?$APPLICATION->IncludeComponent(
	"castomcomponents:main.feedback",
	"lend_order",
	Array(
		"COMPONENT_TEMPLATE" => "lend_order",
		"EMAIL_TO" => "info@easypol.ru",
		"EVENT_MESSAGE_ID" => array(),
		"OK_TEXT" => "Спасибо, ваше сообщение принято.",
		"REQUIRED_FIELDS" => array(0=>"NAME",1=>"EMAIL",2=>"MESSAGE",3=>"PHONE"),
		"USE_CAPTCHA" => "N"
	)
);?>


вот html формы

<form name="FORM_PLAZMENNAJA_ORDER" action="/?back_url_admin=%2Fbitrix%2Fadmin%2Fupdate_system.php%3Flang%3Dru" method="POST" enctype="multipart/form-data" onsubmit="ym(56121043, 'reachGoal', 'order-modal'); return true;">
<input type="hidden" name="PARAMS_HASH" value="52216f468d06e8b9322287a2cb0ceb77">
<input type="hidden" name="sessid" id="sessid" value="97d13600f4bddb7effb6fc7b15bd653c">
<div class="row">
<div class="col-4">
<div id="placeholder_value0" style="display: none">Прикрепить файл</div>
<input name="file" class="inputfile" accept=".doc,.rtf, .pdf,.txt,.jpg,.jpeg,.png" type="file">
<span class="bx-input-file-desc">
</span>
</div>
<div class="col-4">
<div id="placeholder_value1" style="display: none">Контактное лицо<span class="obligatory">*</span></div>
<input type="text" class="inputtext" name="user_name" value="" size="35" placeholder="Контактное лицо*" required="">
</div>
<div class="col-4">
<div id="placeholder_value2" style="display: none">Телефон<span class="obligatory">*</span></div>
<input type="tel" class="inputtext" name="user_phone" value="" size="35" placeholder="Телефон*" required="">
</div>
<div class="col-12">
<div id="placeholder_value3" style="display: none">E-mail<span class="obligatory">*</span></div>
<input type="text" class="inputtext" name="user_email" value="" size="35" placeholder="E-mail*" required="">
</div>
<div class="col-12">
<div id="placeholder_value4" style="display: none">Сообщение</div>
<textarea name="MESSAGE" cols="30" rows="10" class="inputtextarea" placeholder="Сообщение"></textarea>
</div>
<div class="col-12">
<input type="submit" class="switch-btn ya-goal-form" name="submit" value="Отправить">
<input class="form-switch-btn" type="reset" value="Сбросить">
</div>
<div class="col-12">
</div>
</div>
</form>
  • Вопрос задан
  • 26 просмотров
Пригласить эксперта
Ответы на вопрос 1
@RuComMarket
Битрикс FullStack разработчик
в скрипте ловится событие на класс .order-form , а в самой форме нет этого класса, допиши его в тег и должно отработаться
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы