let oplata = document.getElementById('oplata');
oplata.setAttribute('value', 'Оплатить: ' + sum + ' грн.');
document.getElementById('oplata1').innerHTML = '<input type="button" id="oplata" name="buy" value="" onClick="location.href=\'liqpay/liqpay.php\'">';
$("#customer-data").val(obshiyMassive);
выше файл shop.js
ниже index.php вставил код с файла data.html
<form action="liqpay/liqpay.php" method="post" onsubmit="return submitHandler(this);">
<div>ФИО: <input type="text" id="customer-name"></div>
<div>Телефон: <input type="text" id="customer-phone"></div>
<div>E-mail: <input type="text" id="customer-email"></div>
<div id="otdel">Отделение новой почты: <input type="text" id="customer-dostavka"></div>
<input type="hidden" name="name" value="" id="customer-data" ></div>
<div id="oplata1">
<hr>
</form>
<script>
function submitHandler(form) {
var dataToSend = {};
for(const [key, value] of new FormData(form)) {
dataToSend[key] = value;
}
fetch(form.action, {
method: form.method,
body: JSON.stringify(dataToSend)
})
.then(function(response) { return response.json(); })
.then(function(data) {
form.querySelector("output").textContent = `
Получено от сервера:
ФИО: ${data.customer-name},
Телефон: ${data.customer-phone},
E-mail: ${data.customer-email},
Отделение новой почты: ${data.customer-dostavka},
Данные: ${data.customer-data}
`;
})
.catch(function(data) {
form.querySelector("output").textContent = `
Нет ответа от сервера!
`;
})
;
return false;
}