Checkbox переключатель (CSS) не реагирует на данные из AJAX запроса

[mr_smit]

Здравствуйте. На странице присутствует 2 переключателя которые сделаны из checkbox при помощи чистого CSS. Взято отсюда. Раз в секунду страница отправляет AJAX запрос на сервер по адресу update.php. Сервер отдает такой ответ:

HTTP/1.0 200 OK
Content-Type: application/json; charset=UTF-8;

{"temp":"23.0","hud":"49.0","switch1":"false","switch2":"false"}

Соответственно если открыть в браузере этот адрес то на странице появится:

{"temp":"23.0","hud":"49.0","switch1":"false","switch2":"false"}

Эти данные подставляются по id в таблицу на странице. Так вот данные по параметрам temp и hud подставляются и отображаются. А состояние выключателей не меняются. Код такой:

document.getElementById("temp").innerHTML = jsonObj.temp+" °С";
document.getElementById("hud").innerHTML = jsonObj.hud+" %";
document.getElementById("module_1-switch_1").checked = jsonObj.switch1;"
document.getElementById("module_1-switch_2").checked = jsonObj.switch2;"

При загрузке страницы оба переключателя сразу включаются и их состояние больше никак не меняется. Несмотря на то что может приходить, например, "switch1":"true","switch2":"false". Страница целиком во вложении. Подскажите что не так. Тестирую в Mozilla.

[laimas]

"false" - не должно быть строковым значением.

[mr_smit]

Где то в глубине души я думал про это, но не пойму как передать через AJAX не строковое значение?

P.S. Может просто кавычки вокруг false убрать? Или так нельзя?

[laimas]

P.S. Может просто кавычки вокруг false убрать? Или так нельзя?

А чем формируется данные значения и как преобразовываются в JSON?

[mr_smit]

А чем формируется данные значения и как преобразовываются в JSON?

Сервер на базе микроконтроллера и модуля Wiznet W5500. Ответ я формирую сам на основании считанных данных. Могу любой ответ сформировать. Есть у меня буфер для ответа и в него я накидываю данных:

else if (strcmp(url,"/update.php")==0) {
  strcpy((char*)buf,"HTTP/1.0 200 OK\r\n");
  strcat((char*)buf, "Content-Type: application/json; charset=UTF-8\r\n\r\n");

  strcat((char*)buf,"{\"temp\":\"");
  strcat((char*)buf,temp);
  strcat((char*)buf,"\",\"hud\":\"");
  strcat((char*)buf,hud);
  strcat((char*)buf,"\",\"switch1\":\"");
  
  if ((output & (1<<0)) == 1) {
    strcat((char*)buf,"true");
  }
  else {
    strcat((char*)buf,"false");
  }

  strcat((char*)buf,"\",\"switch2\":\"");

  if ((output & (1<<1)) == 1) {
    strcat((char*)buf,"true");
  }
  else {
    strcat((char*)buf,"false");
  }

  strcat((char*)buf,"\"}");

  ret=send(sn,buf,strlen((char*)buf));
  ...

На выходе браузер получает:

HTTP/1.0 200 OK
Content-Type: application/json; charset=UTF-8

{"temp":"23.0","hud":"49.0","switch1":"false","switch2":"false"}

Могу true/false без кавычек приклеить. Так можно? Или нужно? Просто с форматом JSON первый раз столкнулся.

[laimas]

ну тогда только "ручками" не обрамлять булевы значения в кавычки. Кстати, числа тоже можно не обрамлять в кавычки, если только они не являются ключами.

[mr_smit]

Кстати, числа тоже можно не обрамлять в кавычки

Я на стороне контроллера делаю все расчеты и там же перевожу число в строку. И уже как строку подставляю в JSON.


Кажется я понял. Параметр "checked" может быть либо 0 либо 1. Любое число не равное 0 воспринимается как 1. Любая строка соответственно тоже воспринимается как 1. Поэтому у меня переключатели и переходят при загрузке в состояние ВКЛ!!!

Сейчас попробую без кавычек.

[laimas]

Параметр "checked" может быть либо 0 либо 1

Вернее задать "вкл/выкл" можно как true/false или 1/0.

[mr_smit]

Без кавычек работает!

laimas, большое спасибо!

[mr_smit]

Вот что получилось на данный момент:
https://youtu.be/BF9UXrN1_Yk