Передача POST данных на ajax с переходом на другой сайт с сохранением POST данных?

Question

[Артем Гартунг]

Проблема заключается в следующем, имеется некий сайт site.ru и имеется 2-й сайт - site2.ru
Необходимо: собрать из полей ввода и некоторые данные из PHP кода на site.ru и посредством POST запроса передать данные и при этом одновременно перейти на site2.ru для дальнейших манипуляций на нем

Не знаю насколько понятно объяснил но мне на site.ru нужно на js/ajax с эмулировать принцип формы формата

<form action='https://site2.ru' method='POST'></form>

Comments

[Kovalsky]

Понятно, и чего? Если вдруг вы ждёте советов, то тут даже и сказать ведь нечего, просто пошагово делаете всё как описали - посылаете постом данные с site.ru на site2.ru, в ответе на этот запрос делаете заголовком редирект. Каждая часть этой задачи хорошо гуглится

[Артем Гартунг]

Kovalsky, Мне для подключения мерчанта платежной системы нужно тут по большей части не отослать нужно данные на site2 а перейти на 2-й сайт сохраняя пост данные)

[Артем Гартунг]

Kovalsky, либо, если я вас не правильно понял приведите плиз пример подобного кода, я лично в гугле не нашел либо не правильно искал, тк в js новичок

[Kovalsky]

blackangelada, а что за мерчант?

[Артем Гартунг]

Kovalsky, Payeer

[Артем Гартунг]

blackangelada, пока его буду, потом другие буду подключать, яндекс, киви и тд

[Kovalsky]

blackangelada, Где я могу найти документацию для работы с Payeer API?

[Артем Гартунг]

2.1. ФОРМА ИНИЦИАЛИЗАЦИИ ПЛАТЕЖА
Для перехода на страницу оплаты необходимо сформировать следующую форму:

<form method="post" action="https://payeer.com/merchant/">
<input type="hidden" name="m_shop" value="<?=$m_shop?>">
<input type="hidden" name="m_orderid" value="<?=$m_orderid?>">
<input type="hidden" name="m_amount" value="<?=$m_amount?>">
<input type="hidden" name="m_curr" value="<?=$m_curr?>">
<input type="hidden" name="m_desc" value="<?=$m_desc?>">
<input type="hidden" name="m_sign" value="<?=$sign?>">
<input type="submit" name="m_process" value="send" />
</form>

теперь я думаю можно перейти и к самой сути вопроса)

[Kovalsky]

blackangelada, в смысле перейти к сути вопроса? У вас форма в тестовом режиме не отправляется или что?

[Артем Гартунг]

Kovalsky, мне нужно и выше упомянутого кода нужно избавиться от

<form method="post" action="https://payeer.com/merchant/"></form>

и воспроизвести это посредством js / ajax. Это возможно и это реально вот я и хочу узнать принцип работы, так как такой подход избавит от одного лишнего действия - повторного обновления POST запроса тк у данной ПС есть небольшой минус - после ввода суммы нужно повторно обновлять пост запрос что бы сумма записалась

[Kovalsky]

blackangelada, насчет обновления запроса не понял, запрос ведь нельзя обновить. Ну не важно. По теме: я гуглил по запросу "js form send post request", нашлось много примеров отправки данных из формы. Если не нравится XMLHttpRequest, то можно добавить в запрос ключевое слово fetch

Answer 1

[freelion93]

Если вы хотите на фронтенде site.ru сделать POST запрос на бэкэнд того же сайта и потом оттуда транслировать данные на site2.ru,то используйте на PHP site1 либо curl либо stream_context_create

Если же вам нужно отправить с фронтэнда site.ru запрос на бэкэнд, а затем просто перейти на site2, то пишите кастомный запрос для формы с указанием события preventDefault

например:

<form action='https://site1.ru' id="Site1Form" method='POST'>
  <label for="Name">Имя</label><br>
  <input type="text" id="fname" name="fname"><br>
  <label for="Surname">Фамилия:</label><br>
  <input type="text" id="lname" name="lname">
</form>

document.getElementById('Site1Form').addEventListener('submit', function(e) {
  e.preventDefault(); 
  fetch(url, {  
    method: 'POST',  
    body: JSON.stringify({
    name:  document.getElementById('fname').value,
    login:  document.getElementById('lname').value,
    })
  })
  .then(function (data) {  
    console.log('Ответ сервера site1: ', data);  
    // редирект на другую страницу
    const url= "https://qna.habr.com/"; 
    window.location = url; 
  })  
});