Переменная Javascript - AJAX - отправка на сервер без ожидания ответа - PullRequest
0 голосов
/ 08 октября 2019

Мой счетчик кликов не отправляет переменную на сервер.

Я попытался найти пример того, как создать, но что бы я ни пытался, я не пытался отправить данные на сервер. Похоже, AJAX должен бытьлучший вариант, но я делаю что-то не так. я пробовал также window.location.href javascript, но это перенаправляет меня на другую страницу, и я хочу продолжить в текущем srcipt.

court1.js:


var button = document.getElementById("clickme"),
  count = 0;
button.onclick = function() {
  count += 1;
  button.innerHTML = "result: " + count;
$.ajax({
    type: 'POST',
    url: 'count.php',
    data:+count,
});
};

index.html


<html>

<head>
  <meta charset="UTF-8">
  <title></title>
<style>
body {
  margin: 0;
  padding: 0;
  font-family: "Lato", sans-serif;
  font-size: 20pt;
  font-weight: normal;
  background: lightblue; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(
    -90deg,
    lightblue,
    black
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    -90deg,
    lightblue,
    black
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    -90deg,
    lightblue,
    black
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, lightblue, black); /* Standard syntax */
}

.main {
  margin: 100px auto;
  text-align: center;
}

button {
  padding: 20px;
  background: transparent;
  text-shadow: 1px 1px 1px #202020;
  font-family: "Lato", sans-serif;
  font-size: 18pt;
  border: 1px solid lightblue;
  color: lightblue;
}
</style>
</head>

<body>
  <div class="main">

    <h3>court 1</h3>
    <button id="clickme">click here</button>


  </div>
<script src="court1.js"></script>
</body>

</html>

Счетчик работает отлично ... после обновления счетчика от 0. Но я не вижу никаких попытокотправить переменную на сервер. Режим отладки в Chrome не показывает никакой активности.

Мне нужно после каждого касания (щелчка) отправлять новое значение из переменной $ count на сервер. Счетчик должен продолжать работу без каких-либо помех. Мы говорим о нескольких щелчках в секунду.
Я хотел бы отправить новое значение в скрипт php, или я также открыт для отправки нового значения по UDP-пакету на сервер и сбора данных на сервере через syslog-ng.

Приоритет - минимальная загрузка ресурсов на стороне клиента. спасибо за вашу помощь

Ответы [ 2 ]

0 голосов
/ 09 октября 2019

исправить часть ajax с отправкой переменной как ULR / court1.php? "Variable"

$.ajax({
    type: 'POST',
    url: 'court1.php?' + count,
});
0 голосов
/ 09 октября 2019

основная проблема в том, что в HTML-коде нет загруженного jquery:

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

это основная причина, по которой ajax не активирован.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...