// Ждем когда элементы на странице прогрузятся:
document.addEventListener('DOMContentLoaded', function() {
// Вешаем на кпопку обработчик клика, чтобы при каждом клике
// сразу запускалась функц я dataSend отвечающая за отправку данных:
document.querySelector('.button').addEventListener('click', dataSend);
});
// Функция для отправки данных на сервер:
async function dataSend() {
// Получаем данные с нужных нам полей в переменные:
var loginValue = document.querySelector('.login').value
var emailValue = document.querySelector('.email').value
var passwordValue = document.querySelector('.password').value
var conf_passwordValue = document.querySelector('.conf_password').value
// Создаем объект с данными:
var data = {
'login': loginValue,
'email': emailValue,
'password': passwordValue,
'conf_password': conf_passwordValue
}
// Конвертируем объект в JSON:
var json = JSON.stringify(data);
// Отправялеям полученный JSON на сервер обычным POST-запросом:
var response = await (await fetch('https://yousite.ru/handler.php', {
'method': 'POST',
'headers': {
'Content-Type': 'application/json; charset=utf-8'
},
'body': json
})).text();
// Выводим ответ сервера в консоли:
console.log('Ответ сервера:');
console.log(response);
}<?php
// Включим показ ошибок:
ini_set('error_reporting', E_ALL);
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
// Считываем полученный JSON:
$json = file_get_contents('php://input');
// Раскодируем JSON в массив:
$array = json_decode($json, true);
// Выведем массив, чтобы посмотиеть, что в нем:
header('Content-Type: text/plain; charset=UTF-8'); // Указыавем браузеру, что ответ будет обычным текстом
echo "Из браузера получены следующие данные:\n"; // Выведем текст-предупреждение
print_r($array); // Выведем все, что находится в массивеhttps://yousite.ru/include/ajax.php?per1=test&per2=test$(document).on('submit', '#form-job-modal-wrapper', function (e) {
$.ajax({
type: 'POST',
url: 'action_ajax_form.php',
data: new FormData(this),
success: (data) => {
$('#jobModal').html(data);
$( window ).resize();
}
});
e.preventDefault();
});async function sendInfo() {
let arr1 = [1, 2, 3, 4, 5];
let arr2 = ['a', 'b', 'c', 'd', 'e'];
var response = await $.ajax({
url: 'test.php',
method: 'POST',
cache: false,
data: {
'arr1': arr1,
'arr2': arr2
}
});
console.log('Данные успешно отправлены, ответ сервера: ' + response);
return response;
}</head> на своем сайте следующий скрипт:<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>$('#button').click(async function() {
var txt = 'Привет, мир!';
var response = await $.ajax({
url: 'test.php',
type: 'POST',
contentType: 'text/plain; charset=UTF-8',
data: txt
});
$('p.out').html(response);
});<?php
// Включаем отображение ошибок:
ini_set('error_reporting', E_ALL);
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
// Указываем браузеру, что ответ сервера
// является обычным текстом в кодир. UTF-8:
header('Content-Type: text/plain; charset=UTF-8');
// Записываем в переменную то,
// что отправил нам браузер по AJAX:
$received = file_get_contents('php://input');
// Выводим полученный текст (отдаем его в браузер):
echo 'Из фронта (браузера) был получен следующий текст: ' . $received;