я разные варианты пробовал ни один несработал
|
Вот файл data.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<form action="data.php" method="post" onsubmit="return submitHandler(this);">
<input type="text" name="name" placeholder="Имя">
<input type="number" name="age" placeholder="Возраст">
<button>Оправить</button>
<output></output>
</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.name},
возраст: ${data.age}
`;
})
.catch(function(data) {
form.querySelector("output").textContent = `
Нет ответа от сервера!
`;
})
;
return false;
}
</script>
</body>
</html>
Вот файл data.php
<?php
$str = file_get_contents('php://input');
$data = json_decode($str);
header('Content-Type: application/json; charset=utf-8');
echo json_encode($data);
поместите их в одну папку, которая доступна публично на вашем сервере, который работает с PHP. Откройте файл data.html с сервера (если у вас папка публично доступна по адресу https://example.com/, то это будет https://example.com/data.html) Заполните форму, отправьте, ответ от сервера появится рядом! Исследуйте код! UPD Ваше лукошко что-то не пингуется, что бы это значило? Код:
~/Desktop/img is 📦 v1.0.0 via ⬢ v10.15.3 via 🐘 v7.0.33 took 27m 18s Код:
~/Desktop/img is 📦 v1.0.0 via ⬢ v10.15.3 via 🐘 v7.0.33 Код:
11: ae-3-3.bear1.Manchesteruk2.Level3.net 109.038ms asymm 12 |
спасибо попробую
|
а в функцию form - параметр как передать саму форму?
|
по id?
|
запутано все мне оно неподойдет мне нужно просто данные принять и все
|
эта функция уже работает с этой формой или нужно в нее передать как то форму?
|
а вижу работает тогда как сделать редирект на нужную страницу в таком случае?
|
при нажатии на баттон
|
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;
}
|
| Часовой пояс GMT +3, время: 14:16. |