Как сохранить изменения содержимого, сделанные javascript

0

У меня есть таблица с несколькими строками и ячейками. Я могу редактировать содержимое внутренней таблицы с помощью 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>

При нажатии на button с "СС" id, значение td с "точки" id увеличивается. Итак, как я могу сохранить и обновить это увеличение до текущего файла (без страницы обновления)?

  • 0
    использовать javascript cookie
  • 0
    Я хочу сохранить изменения постоянными.
Показать ещё 7 комментариев
Теги:

2 ответа

1
Лучший ответ

попробуйте Html5 Storage jQuery Plugin

Если вы используете 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
Поделиться
  • 0
    Использовали это во многих проектах, это верное решение.
  • 0
    Спасибо. Я думаю, что это работает (:
1

Попробуй это:

Хранить:

<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");
Поделиться
  • 0
    Хороший путь. Но этот путь хранит постоянные?
  • 0
    Вы можете очистить определенное значение, например, так: window.localStorage.removeItem ("vedValue "); , все значения с использованием - window.localStorage.clear (); Я не уверен, является ли это постоянным или нет. Может быть все данные очищены, когда вы очищаете кеш браузера.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню