单击后如何保存jquery单击更改？（服务器端）答案

【问题标题】：How can i save the jquery click changes after click? (Serverside)单击后如何保存jquery单击更改？（服务器端）
【发布时间】：2015-07-01 21:43:55
【问题描述】：

我正在尝试为我工作的员工制作一个（谁在这里）概览页面。

我现在正在运行这个 .click 函数，并且我给了每个人一个 ID。

外汇。如果我去点击更改我的状态，那么有人怎么可能在另一台计算机上打开浏览器并看到我将选项从“工作”更改为“不工作”？

我读到有可能使用 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 文件（还）。

我不明白如何让 .working 显示而不是隐藏。

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

var name = $ ('#martin') .val(); $.post('store.php', {name: name }, function(data) {

}); });

【问题讨论】：

你的意思是保存在服务器端吗？
是的，我认为我不需要使用像 mySQL 这样的数据库。我只会编辑问题:-)

标签： jquery cookies click mousedown .post

【解决方案1】：

由于您需要让其他计算机上的其他用户看到您点击的内容，因此需要服务器端存储来保存和读取所选值。
您可以使用 jquery post 将选定的值发送到服务器端代码（服务器端代码基于您的语言 - 可以是 php、c#、...）
并将选定的值保存在任何存储（数据库、应用程序会话变量、xml 文件……）中，然后使用 jquery get 从服务器端读取，您需要以 ajax 样式读取，或者只是在页面加载时加载选定的值。

【讨论】：