Здравствуйте, нужна помощь. Нужно написать компонент который будет брать информацию

в веденую в форму и добавлять новый элемент в инфоблок и сразу добавлять его на страницу.
Для добавления элементов я использую CIBlockElement::Add . Сначала я написала с post запросом, но новый элемент отображался на странице со второй перезагрузки. Подумала что нужно тогда написать ajax запрос, частично его написала . Как правильно сделать? может я вообще не правильно делаю и ajax запрос не поможет?
Второй вопрос ajax запрос находится в файле template.php:
let button = document.querySelector('.button');
button.addEventListener('click', function (e) {
e.preventDefault();
let name = document.querySelector('.user_name').value;
let message= document.querySelector('.message').value;
let hide_id=document.querySelector('.hide_id').value;
console.log(name);
let date = 'name=' + encodeURIComponent(name);
let request = new XMLHttpRequest();
request.open('POST','component.php',true);
request.addEventListener('readystatechange', function() {

if ((request.readyState==4) && (request.status==200)) {
// например, выведем объект XHR в консоль браузера
console.log(request);
// и ответ (текст), пришедший с сервера в окне alert
console.log(request.responseText);
// получить элемент c id = welcome
// alert(request.responseText);
}
});
// Устанавливаем заголовок Content-Type(обязательно для метода POST). Он предназначен для указания кодировки, с помощью которой зашифрован запрос. Это необходимо для того, чтобы сервер знал как его раскодировать.
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
// 5. Отправка запроса на сервер. В качестве параметра указываем данные, которые необходимо передать (необходимо для POST)
request.send(date);
});
А component.php :
if (isset($_POST['name'])) {
// в переменную name помещаем переданное с помощью запроса имя
$name = $_POST['name'];
// добавляем в переменную output строку приветствия с именем
$output .= 'Здравствуйте, '.$name.'! ';
// выводим ответ
echo $output;
}
Но component.php его не видит.Ядумаю что у меня не правильно указан url=component.php отправки запроса. Как правильно прописать?

если не принципиально - сделайте в скрипте, на который шел post запрос, редирект обратно на страницу, и не нужон будет аякс)

по старинке