Отправка checkbox по нажатию без нажатия submit?

Question

[Игорь]

Всем доброй ночи, ребят есть потребность по нажатию на чекбокс отправлять SQL запрос без перезагрузки страницы:
Имеем:
- Некий объект на котором есть чекбокс

- Нужно при установке отправлять SQL запрос допустим:
Если чекбокс включен
active
Если выключен (или ничего не делать если выключен, но как тогда проверять это?)
deactive

Код чекбокса

Вкл/Выкл <input type="checkbox" class="js-switch" name="cloak" unchecked>

Пробовал загуглить но только больше зарылся, а с AJAX дело не имел вовсе -_-
Вопрос:
- Как принимаются данные с AJAX? (запрос в БД то я отправлю, незнаю как принимаются данные с AJAX)
- Как оптравить данные в check.php (Если чекбокс поставили активным)
- Как сохранять статус чекбокса - если включен то будет активен пока не выключат, даже если закрыли браузер и вообще через неделю вернулись.

Простите за такое кол-во вопросов, но хочется разобраться что и как)

Comments

[Игорь]

Я так понимаю нужно создать поле в БД со статусом чекбокса и подтягивать его в input
типа:

| status |
 active

Чтобы чекбокс понимал в каком ему сейчас состоянии быть, и получается при выключении отправлять статус в БД
deactivate
Что-то подобное, или костыль?

Answer 1

[Rsa97]

Данные с Ajax принимаются так же, как и при обычном запросе, с точки зрения PHP это практически неразличимые варианты.
Для отправки вешаете на чекбокс обработчик события changed и в нём отправляете Ajax-запрос с новым состоянием.
Для отображения текущего состояния либо при генерации страницы запрашиваете состояние из базы и сразу ставите checked, либо после загрузки страницы посылаете Ajax-запрос, который вернёт текущее состояние и по нему переключаете чекбокс.

Comments

[Игорь]

Тоесть в check.php

$_POST['name'];
верно?
Про текущее состояние спасибо!

[Rsa97]

Игорь, А это как отправите. Ajax позволяет и GET и POST-запросы делать, имя тоже можете любое задать.

[Rsa97]

Игорь, Учитывая, что у вас jquery, будет примерно следующий код:

$('input[name="cloak"]').change(function() {
  $.ajax({
    url: 'check.php',
    dataType: 'json',
    method: 'GET',
    data: {state: $(this).checked ? 'active' : 'inactive'}
  })
  .done(function(data) {
    console.log('Глянь, что пришло:', data);
  })
  .error(function() {
    console.log('Всё плохо');
  });

[Игорь]

Rsa97, всё равно ничего не понимаю.. Ладно пойду посплю. Спасибо за помощь) Доброй ночи!

Answer 2

[Web Dentist]

Гляньте сюда. На стороне сервера слушаете юрл , и выполняете то что вам надо.