Question

我正在使用Web服务从MySQL数据库中获取数据并将其显示在HTML表中。它的工作数据将出现在表格中。但是当我重新加载页面时，表格数据将会消失。那我怎么解决这个问题呢？如何保持数据甚至重新加载页面？有谁能够帮我？提前谢谢。

HTML

<body>
    <button id="btnSearch">Search</button>
    <table id="tab">

    </table>
</body>

以下JS。

<script type="text/javascript">
    $("#btnSearch").click(function() 
    {
        $.getJSON("http://localhost:8080/Service/Rest/cart/get/cart",function(data)
        {
            var tb = $("#tab");
            $.each(data,function(i,value)
            {
                tb.append("<tr><td>Product Name: " + value.name + "</td><td>Price: " + value.price + "    </td><td>Description: " + value.description + "</td></tr>");
            });
        });
    });  
</script>

Answer 1

<script type="text/javascript">
   $( document ).ready(function() {
$.getJSON("http://localhost:8080/Service/Rest/cart/get/cart",function(data)
        {
            var tb = $("#tab");
            $.each(data,function(i,value)
            {
                tb.append("<tr><td>Product Name: " + value.name + "</td><td>Price: " + value.price + "    </td><td>Description: " + value.description + "</td></tr>");
            });
        });
});
 $("#btnSearch").click(function() 
    {
        $.getJSON("http://localhost:8080/Service/Rest/cart/get/cart",function(data)
        {
            var tb = $("#tab");
            $.each(data,function(i,value)
            {
                tb.append("<tr><td>Product Name: " + value.name + "</td><td>Price: " + value.price + "    </td><td>Description: " + value.description + "</td></tr>");
            });
        });
    });  
</script>

Answer 2

我有另一个解决方案，创建一个空值的虚表数据，并将您的值存储在浏览器会话中，然后通过jquery / javascript替换运行时的所有空值。

希望这有帮助。

页面刷新后，HTML表格数据将消失

2 个答案: