Как я могу сохранить изменения клика jquery после клика? (Serverside)

Я пытаюсь сделать (кто здесь) обзорную страницу для сотрудников на моей работе.

У меня теперь работает эта функция.click, и я дал каждому человеку идентификатор.

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

Я читал, что это возможно сделать с помощью jQuery Cookie или AJAX.

Вот мой код:

$('.working').hide();
$('#martin .off-work').show(); //. why do i have only martin tag here?
$('.oversigt').on('click', function(e) {
  e.preventDefault();
  var t = $(this);
  t.hide().siblings('.oversigt').show();
});
  * {
    font-size: 40px;
  }
  .oversigt {
    display: block;
    text-decoration: none;
    color: #000;
  }
  .off-work {
    background: red;
  }
  .working {
    background: lime
  }
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>The Gardeners</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>

<body>
  <table border="1" style="width:100%">
    <tr>
      <th style="width:50%">Name</th>
      <th style="width:50%">Status</th>
    </tr>
    <tr align="center">
      <td>Hanne</td>
      <td id="hanne">
        <a class='oversigt off-work btn' href='d'>Off work</a>
        <a class='oversigt working btn' href='#'>Working</a>
      </td>
    </tr>
    <tr align="center">
      <td>Lars</td>
      <td id="lars">
        <a class='oversigt off-work btn' href='d'>Off work</a>
        <a class='oversigt working btn' href='#'>Working</a>
      </td>
    </tr>
    <tr align="center">
      <td>Bent</td>
      <td id="bent">
        <a class='oversigt off-work btn' href='d'>Off work</a>
        <a class='oversigt working btn' href='#'>Working</a>
      </td>
    </tr>
    <tr align="center">
      <td>Steen-Allan</td>
      <td id="sa">
        <a class='oversigt off-work btn' href='d'>Off work</a>
        <a class='oversigt working btn' href='#'>Working</a>
      </td>
    </tr>
    <tr align="center">
      <td>Jacob</td>
      <td id="jacob">
        <a class='oversigt off-work btn' href='d'>Off work</a>
        <a class='oversigt working btn' href='#'>Working</a>
      </td>
    </tr>
    <tr align="center">
      <td>Steen Urth</td>
      <td id="su">
        <a class='oversigt off-work btn' href='d'>Off work</a>
        <a class='oversigt working btn' href='#'>Working</a>
      </td>
    </tr>
    <tr align="center">
      <td>Elsebeth</td>
      <td id="elsebeth">
        <a class='oversigt off-work btn' href='d'>Off work</a>
        <a class='oversigt working btn' href='#'>Working</a>
      </td>
    </tr>
    <tr align="center">
      <td>Pia</td>
      <td id="pia">
        <a class='oversigt off-work btn' href='d'>Off work</a>
        <a class='oversigt working btn' href='#'>Working</a>
      </td>
    </tr>
    <tr align="center">
      <td>Dorthe</td>
      <td id="dorthe">
        <a class='oversigt off-work btn' href='d'>Off work</a>
        <a class='oversigt working btn' href='#'>Working</a>
      </td>
    </tr>
    <tr align="center">
      <td>Martin</td>
      <td id="martin">
        <a class='oversigt off-work btn' href='d'>Off work</a>
        <a class='oversigt working btn' href='#'>Working</a>
      </td>
    </tr>
    <tr align="center">
      <td>Jesper</td>
      <td id="jesper">
        <a class='oversigt off-work btn' href='d'>Off work</a>
        <a class='oversigt working btn' href='#'>Working</a>
      </td>
    </tr>
  </table>
</body>

</html>

РЕДАКТИРОВАТЬ: я видел учебник на https://www.youtube.com/watch?v=-EHbBHm5l4g о post и get (он просто говорит, как я могу отправить значение ввода.), И я сделал файл с именем jfunc. JS с этим кодом, я сделал файл store.php без кода (пока).

Я не понимаю, как я могу сделать. Рабочее шоу вместо шкуры.

$('#name') .on('click', function() {

var name = $ ('#martin').val (); $.post ('store.php', {name: name}, функция (данные) {

}); });

Источник

1 ответ

Поскольку вам нужно будет позволить другим пользователям с других компьютеров видеть, на что вы нажали, для сохранения выбранных значений и их чтения потребуется серверное хранилище.
Вы можете использовать jquery post для отправки выбранных значений в код на стороне сервера (код на стороне сервера основан на вашем языке - может быть php, C#,...)
И сохраните выбранные значения в любом хранилище (база данных, переменные Application Session, XML-файл,...), а затем прочитайте со стороны сервера с помощью jquery get, который вам нужно прочитать в стиле ajax, или просто загрузите выбранные значения при загрузке страницы.

Источник
Другие вопросы по тегам