Как методом POST вывести координаты клика мышкой?

Для того чтобы методом POST вывести координаты клика мышкой в JavaScript, нам понадобится комбинация событий мыши и AJAX-запросов.

Прежде всего, мы должны привязать обработчик события клика к элементу, на который желаем реагировать. Например, для обработки кликов на всём документе мы можем использовать следующий код:

document.addEventListener("click", function(event) {
  var x = event.clientX;
  var y = event.clientY;
  
  // теперь у нас есть координаты клика, давайте отправим их методом POST
  var xhr = new XMLHttpRequest();
  var url = "http://example.com/post-coordinates";
  xhr.open("POST", url, true);
  xhr.setRequestHeader("Content-Type", "application/json");
  
  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
      console.log(xhr.responseText);
    }
  };
  
  var data = JSON.stringify({ x: x, y: y });
  xhr.send(data);
});

В данном примере мы добавляем обработчик события клика к объекту document. При каждом клике будет выполняться функция обратного вызова, которая получает объект события, содержащий информацию о клике, включая его координаты event.clientX и event.clientY.

Внутри функции обратного вызова мы создаем объект XMLHttpRequest, который позволяет отправлять HTTP-запросы из JavaScript. Мы устанавливаем метод запроса на POST, указываем URL-адрес, куда отправлять запрос, и устанавливаем заголовок Content-Type на application/json, чтобы указать, что данные, которые мы отправляем, имеют формат JSON.

Также устанавливаем обработчик события onreadystatechange, который будет вызван каждый раз, когда состояние запроса изменяется. При получении ответа с состоянием 200 (успешный ответ) мы выводим ответ сервера в консоль.

Для отправки данных мы сначала преобразуем объект с координатами в строку JSON с помощью функции JSON.stringify(), а затем отправляем его с помощью метода xhr.send(). Это позволяет отправить координаты клика на сервер в теле запроса методом POST.

На сервере вы должны настроить точку входа, которая будет принимать этот запрос и обрабатывать полученные координаты. У нас в данном примере URL-адрес указан как http://example.com/post-coordinates, но вы должны заменить его на вашу конечную точку API или обработчик запросов на сервере.

Таким образом, при клике на элементе страницы, координаты клика будут отправлены на сервер методом POST, и вы сможете обработать их соответствующим образом на стороне сервера.