Javascript 在重新加载页面上，我正在丢失使用用户输入创建的剑道网格数据_Javascript_Kendo Ui

Javascript 在重新加载页面上，我正在丢失使用用户输入创建的剑道网格数据

javascript kendo-ui

Javascript 在重新加载页面上，我正在丢失使用用户输入创建的剑道网格数据,javascript,kendo-ui,Javascript,Kendo Ui,这是我的HTML文件——一个带有创建按钮的简单表单，用于创建用户 <html> <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/jquery.min.js"></script> <base href="https://demos.telerik.com/kendo-ui/dialog/predefined-dialogs"> <script src="https://kend

这是我的HTML文件——一个带有创建按钮的简单表单，用于创建用户

<html>
<script src="https://kendo.cdn.telerik.com/2019.3.1023/js/jquery.min.js"></script>
<base href="https://demos.telerik.com/kendo-ui/dialog/predefined-dialogs">
<script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js"></script>
<script src="aza.js"></script>
<link href="kendo.html">
<link href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.common.min.css" rel="stylesheet" />
<link href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.default.min.css" rel="stylesheet" />

<h3> ADD USER</h3>
<dl>
    <dt>FirstName</dt>
    <dd>
        <input type="text" id="inputtext3">
    </dd>
    <dt>LastName</dt>
    <dd>
        <input type="text" id="inputtext4">
    </dd>
    <dt>Age</dt>
    <dd>
        <input type="text" id="inputtext5">
    </dd>
    <dd>
        <button id="add"> Create </button>
    </dd>
</dl>
<div id="grid">
    <table id="weapons">
        <tr>
            <th data-field="firstname">FirstName</th>

            <th data-field="lastname">LastName</th>

            <th data-field="age">Age</td>

        </tr>

    </table>
</div>

</html>

我想在重新加载页面时通过输入数据来保留数据，第二件事是如何仅在其他html页面中显示相同的数据

要在页面重新加载之间保留数据，可以使用

本地存储

或

会话存储

两者都使用相同的API，它们之间的区别在于

sessionStorage

对象只存储一个会话的数据（当浏览器选项卡关闭时数据被删除），而

localStorage

对象存储的数据没有过期日期

例子

不要用帽子，伙计，这在这里是不被接受的，被认为是对我们大喊大叫。请把它修好。

  app.controller('aza', function() {
     $(function() {

        var Weapon = kendo.data.Model.define({

        id: "firstname"

        })
        dataSource = new kendo.data.DataSource({
        transport: {
         read: {
            dataType: "json"
         } ,
         create : {
            dataType: "json",type: "POST"
         } 

        },

        pageable: {
            refresh : true
        },
        schema : {
            model : Weapon}

        });
        $("#weapons").kendoGrid({

            dataSource : dataSource
        });

         $("#add").click(function(){
            dataSource.add({  firstname : $("#inputtext3").val(),lastname: $("#inputtext4").val(),age: $("#inputtext5").val() });
            dataSource.sync();
            $("#inputtext3").val('');
            $("#inputtext4").val('');
            $("#inputtext5").val('');
            $('#weapons').data('kendoGrid').dataSource.read(); 

    $('#weapons').data('kendoGrid').refresh(); 

        })
        });

    });

// Store value
localStorage.setItem("inputtext3", $("#inputtext3").val(''));
// Retrieve value
$("#inputtext3").val(localStorage.getItem("inputtext3"))