function request(options) {
let requestJson = options.data; //создаём переменную
let requestBody = JSON.stringify(requestJson);//создаём переменную, которая переобразует значение requestJson из JS в JSON
let xhr = new XMLHttpRequest();//Создаём новый XMLHttpRequest-объект
xhr.open('POST', options.url);// указываем метод запроса
xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');//Объединяет заголовок в заголовках запроса и указываем кодировку
xhr.responseType = 'json';//Строка которая возвращает тип ответа
xhr.onload = function () {//функция которая отвечает за запрос в БД
if (xhr.status == 200) {//Если запрос прошёл
if (xhr.response == null) {
options.error.call(xhr, 'FORMAT_ERROR');//Если не прошёл
} else {
options.success.call(xhr, xhr.response);
}
} else {
options.error.call(xhr, 'SERVER_ERROR');
}
};
xhr.onerror = function () {
options.error.call(xhr, 'NETWORK_ERROR');
};
xhr.send(requestBody);//инициализация запроса requestBody
}
function click() {
// ...FORM STUFF...Сдесь должна быть моя форма?
let requestData = { 'name1': 'value1', 'name2': 'value2' };//присваивания значений формы к значениям БД
request({
url: 'json.php',//откуда прать запрос
data: requestData,//запрос к данным
success: function (response) {
console.log('XHR:', response);//если запрос прошёл успешно
// response['key1'], response['key2'] не понял к чему этот комментарий
// ...TABLE STUFF... Сдесь должна быть моя таблица ?
},
error: function (message) {//если запрос не прошёл
console.error('XHR:', message);
},
});
}
<?php
// json.php
header('Content-Type: application/json; charset=utf-8');//заголовок для получения данных?
$requestBody = file_get_contents('php://input');//считывает весь файл в строку
$requestJson = json_decode($requestBody, true);//Декодирует строку JSON
// $requestJson['name1'], $requestJson['name2'] берём данные из формы?
// ...DATABASE STUFF... Подключаемся к БД ?
$responseJson = [ 'key1' => 'value1', 'key2' => 'value2' ];//???не понял что здесь делают строчные функции
$responseBody = json_encode($responseJson);//Возвращает JSON-представление значения
echo $responseBody;
<form action="perem.php" method="POST" class="form">
<button class="exit" class="exit" id="closeButton" onclick="delRow()">х</button>
<div class="string">
<label for="id">№ П/П:</label>
<input type="number" id="id" name="id" required>
</div>
<div class="string">
<label for="N_m">Номер:</label>
<input type="text" id="N_m" name="n_m" required>
</div>
<div class="string">
<label for="name">Название:</label>
<input type="text" id="name" name="name_m" required>
</div>
<div class="string">
<label for="Adr">Адрес:</label>
<input type="text" id="Adr" name="Adr_m" required>
</div>
<div class="string">
<label for="Full_name">ФИО директора :</label>
<input type="text" id="Full_name" name="director" >
</div>
<div class="string">
<label for="Phone">Номер телефона :</label>
<input type="tel" id="Phone" name="Phone_number" required>
</div>
<button type="submit" name = "submit" id="contact">Отправить в БД</button>
</form>
if (isset($_POST['submit'])) {
$dataform = array(
$id=$_POST['id'],
$n_m=$_POST['n_m'],
$name_m=$_POST['name_m'],
$Adr_m=$_POST['Adr_m'],
$director=$_POST['director'],
);
}