Question

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

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

jQuery代码：

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

HTML code：

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

所以，我想使用隐藏的输入来存储值，并使用“theCount”div来显示它。只要有人点击添加按钮，我希望它永久更改。

提前致谢。

Answer 1

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

http://api.jquery.com/jquery.post/

沿着这些方向尝试一些事情......

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

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

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

基本上，我所描述的是动态数据驱动的网站。 Visual Studio最重要的网站项目模板提供了如何执行此操作的示例。如果您没有使用.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() } );
 });

祝你好运

jQuery永久改变DIV / Span的值

1 个答案: