Ajax разсинхронизация.

[Sochirom]

День добрый. Имею такой код ajax для управления нагрузками на микроконтроллере.

На стороне сервера все просто получили значение выхода записали в порт, затем прочитали из порта отправили в Ajax подтвердили включение.

Засада в том что в браузере происходит следующие, нажали checkbox он становиться checked, туже AJAX меняет его на unchecked потом приходит состояние полученное с микроконтроллера и он опять переходит в checked. Происходит такое мигание перед включением.
Опрос Ajax 1сек.

Как сделать проверку в Ajax, что уже можно менять данные, чтобы это не происходило по воле божией...

Сама статья https://startingelectronics.org/arti...n-LED-control/

код.....
<script>
strLED1 = "";
function GetArduinoIO()
{
nocache = "&nocache=" + Math.random() * 1000000;
var request = new XMLHttpRequest();
request.onreadystatechange = function()
{
if (this.readyState == 4) {
if (this.status == 200) {
if (this.responseXML != null) {

var count;

if (this.responseXML.getElementsByTagName('LED')
[0].childNodes[0].nodeValue === "checked") {
document.LED_form.LED1.checked = true;
}
else {
document.LED_form.LED1.checked = false;
}
}
}
}
}
request.open("GET", "ajax_inputs" + strLED1 + nocache, true);
request.send(null);
setTimeout('GetArduinoIO()', 1000);
strLED1 = "";
}

function GetCheck()
{
if (LED_form.LED1.checked) {
strLED1 = "&LED1=1";
}
else {
strLED1 = "&LED1=0";
}
}

тут checkbox в html
<input type="checkbox" name="LED1" value="0" onclick="GetCheck()" />LED 1 (D6)<br /><br />

[Aetae]

Попробуйте так:

strLED1 = "";
function GetArduinoIO()
{
  nocache = "&nocache=" + Math.random() * 1000000;
  var request = new XMLHttpRequest();
  request.onreadystatechange = function()
  {
    if (this.readyState == 4) {
      if (this.status == 200) {
        if (this.responseXML != null) {

          var count;

          if (this.responseXML.getElementsByTagName('LED')
              [0].childNodes[0].nodeValue === "checked") {
            document.LED_form.LED1.checked = true;
          }
          else {
            document.LED_form.LED1.checked = false;
          }
        }
      }
      setTimeout(GetArduinoIO, 1000);
    }
  }
  request.open("GET", "ajax_inputs" + strLED1 + nocache, true);
  request.send(null);
  strLED1 = "";
}

function GetCheck()
{
  if (LED_form.LED1.checked) {
    strLED1 = "&LED1=1";
  }
  else {
    strLED1 = "&LED1=0";
  }
}

Суть в том, что тут запрос будет выполняться не каждую секунду, а через секунду после ответа.

[Sochirom]

Попробовал, все ровно также... Поставил после выполнения if (this.responseXML != null) {

[laimas]

Sochirom,
а опрашивается и управляется всего один порт?

[Sochirom]

Нет много, но и с одним тот же прикол. Видимо нужно делать проверку по флагу, только вот не знаю с какой стороны подойти к этому, что проверять?

[laimas]

Нет много

Ну так зачем тогда такие сложности, не проще ли json формат, в котором ключи, это имена/индексы/и т.п. портов/флажков, а значения, это состояние портов. Останется проверить:

if(!!this.responseXML) {
   //обходим в цикле объект определяя состояние флажков
} //.... чего-то

[Sochirom]

Так я и так использую XML также имена ключи в принципе тот же JSON, проблема в том что скрипт успевает забрать с web сервера старые данные, а потом приходят актуальные...

[laimas]

Так я и так использую XML также имена ключи в принципе тот же JSON

Ну не совсем тот же.

проблема в том что скрипт успевает забрать с web сервера старые данные, а потом приходят актуальные...

Может проблема глубже? Не понятно кто управляет портами контроллера - только клиент или же еще кто-то? Если только клиент зачем постоянные опросы контроллера? Если не только клиент, то у кого тогда приоритет?

[Sochirom]

Сейчас управляет только клиент, постоянный опрос для аналоговых портов и термо датчиков. Приоритет на стороне Ajax.

[laimas]

Ну тогда почему не так сделать:

Имена портов (или номера портов) связаны именами (номерами-индексами) с соответствующими элементами на клиенте, в случае JSON это и проще будет. Если опрашиваются только аналоговые входы, то запросы сервера и его ответ никак не должны влиять на флажки управления других портов.

Изменение состояния какого либо порта, это запрос сервера с передачей состояния флажка +this.checked, который был изменен, а не отправкой состояние всех, которые не изменялись. Ответ сервера в данном случае, это только подтверждение успешности операции, хотя можно вернуть и состояние порта как 0/1 простым текстом, и как числом определить this.checked = +ответ.