Не удается получить значение в localStorage для обновления значений в моей базе данных

Question

У меня есть таблица, тд contenteditable.Чтобы обновить значение td в моей базе данных, я решил использовать localStorage.Когда нажмете кнопку «Сохранить», введенное значение в td будет сохранено в localStorage, и ajax получит его значение для замены в столбце в моей базе данных.

Я смотрю на приложение в Google Chrome, чтобы проверить, сохраняет ли онов localStorage, и это делает!

, но при перезагрузке страницы значение в td не изменяется и не обновляется.Чего мне не хватает в моем коде?

$(document).ready(function() {
             $('#btnSaveFindings').click(function(){
                 var id = $(this).data('id');
                 var employeeName = document.getElementById('employeeName').value;
                 var edit = $('#date').html(); // get this field value
                 localStorage.setItem('date', edit);
                 var storeDate = localStorage.getItem('date');
                     $.ajax({
                         url: 'update_assesment.php',
                         type: 'post',
                         data: {
                             'id' :id,
                             'date': storeDate,
                             data: edit,
                             'employeeName' :employeeName   

                        },
                         //datatype: 'html',
                         success: function(){
                            alert(edit);
                         location.reload(); 
                        }
                     });
            });
        });

«дата» - одна из моих td, просто для примера.

update_assessment.php

 <?php
$id = $_REQUEST["id"];
$employeename = $_REQUEST["employeename"];
$storeDate =  $_REQUEST["date"];
$emp_name = $_REQUEST["emp_name"];
//$id_edit = $_REQUEST["id"]

try {
    $pdo = new PDO('mysql:host=localhost:3306;dbname=****;', '****', '****' );
    $pdo->setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION );
    $pdo->query( 'SET NAMES UTF8' );
    $stmt = $pdo->prepare(
        "UPDATE tbl_assessment
        SET
            `employeename` = :employeeName,
            `date` = :storeDate
        WHERE
            `id` = :id AND employeeName = '{$_SESSION['emp_name']}'
        "
    );
    $stmt->bindValue(':id',$id,PDO::PARAM_STR);
    $stmt->bindValue(':employeeName',$employeeName,PDO::PARAM_STR);
    //$stmt->bindValue(':teamCode',$teamCode,PDO::PARAM_STR);
    $stmt->bindValue(':storeDate',$storeDate,PDO::PARAM_STR);


    //$stmt->bindValue(':id',$id,PDO::PARAM_INT);
    $stmt->execute();

    header('location:./');
}catch ( PDOException $e ) {
    var_dump( $e->getMessage() );   
}

$pdo = null;

?>

Я действительно не знаю этогоне получает значение в localStorage.Любая помощь?

Answer 1

Вы не присваиваете сохраненное значение тд при загрузке, попробуйте добавить следующий код на первое место $(document).ready(function() { /*add it here*/ });:

$('#date').html(localStorage.getItem('date') || '');