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

Оффтоп javascript
1

Мне нужно отправить POST запрос на другой сайт с перенаправлением (не через AJAX). Работаю на платформе ASP.NET.

Проблема в том, что я не хочу передавать все элементы управления из основной формы ASP.NET на внешний ресурс. Думаю создать новую форму динамически через JavaScript и отправить только её.

function sendDataToExternalSite() {
    var newForm = document.createElement('form');
    newForm.method = 'POST';
    newForm.action = 'https://external-site.com/endpoint';
    
    var hiddenField = document.createElement('input');
    hiddenField.type = 'hidden';
    hiddenField.name = 'userData';
    hiddenField.value = 'someValue';
    
    newForm.appendChild(hiddenField);
    document.body.appendChild(newForm);
    newForm.submit();
}

Кто-то уже пробовал такой подход? Есть ли какие-то неочевидные проблемы или ограничения при таком способе отправки данных?

2

А если браузер заблокирует как вредоносную? У меня было с динамическими формами - браузеры капризничают. И кодировка данных? Спецсимволы проверял? На разных браузерах тестил?

3

Делал такое год назад. Главная проблема - CORS и CSP заголовки. Если внешний сайт криво настроен, форма просто не отправится. Не забывай удалять форму из DOM после отправки, а то наплодишь кучу элементов. И антивирусы иногда палят динамическое создание форм как что-то подозрительное.