jQuery永久更改DIV/Span的值

我目前正在学习jQuery，我想知道如何永久地更改span或div的值，这样任何重新访问我的页面的人都会看到更新后的值，而不是最初在我的HTML中设置的值

必须更改值的事件是单击按钮

jQuery代码：

    $("#add").click( function() {
     var counter = parseInt($("#hiddenVal").val());
     counter++;
     $("#hiddenVal").val(counter);
     $("#theCount").text(counter);    
     });

HTML代码：

<input type="hidden" id="hiddenVal" value ="0"/>
<button id="add">Add +1</button>
<div id="theCount"></div>

加上+1

因此，我想使用隐藏的输入来存储值，并使用“theCount”div来显示它。我希望每当有人单击“添加”按钮时，它都会永久更改

---

提前谢谢。

是的，你可以，但是你需要做更多的工作。首先，您需要能够使用JQuery AJAX post将更改后的值提交回服务器

试着做些类似的事情

  $.post( "url of your server side method",
         { value: $("#hiddenVal").val() } );

这将需要一些服务器端代码来处理网页中javascript的帖子。在这个服务器端代码中，您需要将更新的值保存在某个地方，通常保存在数据库中

最后，您需要根据数据库中的更新值在每个请求上构建页面

本质上，我所描述的是一个动态数据驱动的网站。VisualStudio最重要的网站项目模板都有如何实现这一点的示例。如果您不使用.NET堆栈，我相信您使用的任何技术都会有类似的示例

而且，您不需要存储隐藏的值

$("#add").click( function() {
     var counter = parseInt($("#hiddenVal").val());
     counter++;
     $("#hiddenVal").val(counter);
     $("#theCount").text(counter);    
 });

变成

$("#add").click( function() {
     $("#theCount").text(parseInt($("#theCount").text())++);   
     $.post( "url of your server side method",
         { value: $("#theCount").text() } );
 });

---

<好运>

代码>永久性改变意味着什么？你将不得不考虑使用Cookie或将其存储在服务器上，否则它将在访问之间丢失。你需要将更新的值存储到服务器端，当页面加载从服务器端取值并显示。比方说，如果有人单击按钮，值应该更改为值+1并保持不变，因此当其他人进入网站时，他将看到更改后的值。您必须将其存储在服务器上的某个位置。