如何保存javascript所做的内容更改

Question

我有一些包含行和单元格的表格。 我可以使用jquery编辑内部表内容。 但是我如何保存这些编辑？ 我的桌子：

<table border="1" cellspacing="0">
<tr>
    <th>Teams</th>
    <th>Points</th>
</tr>
<tr>
    <td>Arsenal</td>
    <td id="points">35</td>
</tr>
<tr>
    <td>Liverpool</td>
    <td>33</td>
</tr>
<tr>
    <td>Chelsea</td>
    <td>33</td>
</tr>
<tr>
    <td>Man City</td>
    <td>32</td>
</tr>
<tr>
    <td>Everton</td>
    <td>31</td>
</tr>
</table>

我的Jquery代码：

<script>
    $(document).ready(function () {
    var val = $("#points").text();
    $("#ss").click(function () {
        val++;
        $("#points").text(val);
    })
})
</script>

<button id="ss">Inc</button>

通过单击带有“ss” id button ，带有“points” id的td值会增加。 那么我如何将这种增加保存并更新为当前文件（没有刷新页面）？

Answer 1

试试Html5 Storage jQuery插件

如果您在项目中使用jQuery并且想要使用本地存储或会话存储，那么这就是您的库。 如果用户的浏览器不支持它们，它将使用cookie。

参考

https://github.com/artberri/jquery-html5storage/

使用AJAX

$(function(){
    var val = $("#points").text();
    $("#ss").click(function () {
        val++;
        $("#points").text(val);
        $.ajax({
            type: "POST",
            url: "some.php",
            data: { points: val }
            })
            .done(function( msg ) {
            alert( "Data Saved: " + msg );
        });
    })
})

some.php

$point = $_POST['points'];
//CODE TO SAVE TO DATABASE GOES HERE

Answer 2

尝试这个 ：

储藏 ：

<script>
$(document).ready(function () {
var val = $("#points").text();
$("#ss").click(function () {
    val++;
   window.localStorage.setItem("storedValue", val);
    $("#points").text(val);
})
 })
</script>

为了获得价值：

var value = window.localStorage.getItem("storedValue");