如何在单击后保存jquery单击更改？(服务器端)
我正在尝试为我工作的员工创建一个概述页面。
我现在已经运行了这个.click函数，并为每个人分配了一个ID。
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文件。
我不明白怎样才能让.working显示而不是隐藏。
$('#name') .on('click', function() {var名称=$ ('#martin') .val()；$.post('store.php'，{名称:名称}，函数(数据){
})；} )；
回答 1
Stack Overflow用户
发布于 2015-07-02 07:18:12
由于您需要让其他计算机上的其他用户看到您单击的内容，因此这将需要一个服务器端存储来保存和读取选定的值。
您可以使用jquery post将选定的值发送到服务器端代码(服务器端代码基于您的语言-可以是php、c#等)
并将所选值保存在任何存储中(数据库、应用程序会话变量、xml文件等)然后使用jquery get从服务器端读取您需要以ajax方式读取的内容，或者只是在页面加载时加载选定的值。
https://stackoverflow.com/questions/31172231
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号