На сайте имеется button(Создать страницу) и рядом с ним input:
Код имеет вид:
<a class="sidebar-toggle" >
<button style="background:transparent; border: 0; ">Создать страницу: </button>
<input style="background: #3e95c7; border: 0; outline:none;" type="text" value="">
</a>
По нажатию кнопки, она кстати не заключена в тег <form>
, у меня сохраняется содержимое <div class="getcode">некий текст</div>
на сервере в виде html файла:
Механизм отправки контента в обработчик на JS:
var button = document.querySelector("button");
button.addEventListener("click", sendSave, false);
function sendSave() {
var data = document.querySelectorAll(".getcode");
var formData = new FormData();
for (var i = 0; i < data.length; i += 1) {
formData.append("data[]", data[i].innerHTML);
}
var XHR = "onload" in new XMLHttpRequest() ? XMLHttpRequest : XDomainRequest;
var xhr = new XHR();
xhr.open('POST', 'save.php', true);
xhr.onreadystatechange = () => {
if (xhr.readyState !== 4) {
return;
}
if (xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(formData);
}
Далее на сервере отлавливаются данные и помещаются в файл следующим php кодом:
<?php
$fp = fopen(date('Ymdhis').'-data.html', 'w');
$html = "";
foreach($_POST[data] as $data) {
$html .= $data.PHP_EOL;
}
echo (fwrite($fp, $html)) ? "Сохранено" : "Не сохранено";
fclose($fp);
?>
Имя файла генерируется автоматически, как сделать так чтобы имя файла при сохранении отлавливалось из inputa и по нажатию кнопки передавалось в обработчик и там же прописывалось вместо текущей сгенерированной текущей даты:
$fileName = $_POST['input_name'];