<!DOCTYPE html>
<html>
<head>
<title>TEST</title>
</head>
<body>
<button id="send_ajax">Отправить ajax-запрос</button>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
$("#send_ajax").click(function(){
$.ajax({
type:'POST', //Отправляем запрос методом POST
url: 'ajax.php', // Обработчик
dataType: 'JSON', // В каком формате ожидаем ответ, в в данном случае JSON
data: { //какие данные отправляем
param_1: 'Параметр 1',
param_2: 'Параметр 2'
},
success: function(data){ //выполнится если запрос прошел успешно
console.log(data);
console.log('Первый параметр - '+data['param_1']);
console.log('Второй параметр - '+data['param_2']);
}
});
});
</script>
</body>
</html>
<?php
if($_POST){
echo json_encode($_POST);
}
вместо \n\