如何在点击后保存jquery点击更改? (服务器端)

时间:2015-07-01 21:43:55

标签: jquery cookies click mousedown .post

我正在努力为我工作的员工制作一个(谁在这里)概述页面。

我现在正在运行这个.click功能,我给每个人一个ID。

FX。如果我去点击更改我的状态,那么有人可以在另一台计算机上打开浏览器,看到我更改了“工作”中的选项。不工作'?

我读到可以使用jQuery Cookie或AJAX进行maby。

这是我的代码:



$('.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>
&#13;
&#13;
&#13;

编辑: 我在https://www.youtube.com/watch?v=-EHbBHm5l4g上看到关于post和get的教程(他只是告诉我如何发送输入的值。)并且我用这个代码创建了一个名为jfunc.js的文件,我做了一个store.php文件没有代码(还)。

我不明白我怎样才能制作。工作秀而不是隐藏。

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

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

}); });

1 个答案:

答案 0 :(得分:0)

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