【问题标题】:Is it possible to exchange data in html pages through localstorage是否可以通过localstorage交换html页面中的数据
【发布时间】:2020-08-26 10:12:18
【问题描述】:

我是这个领域的新手。我正在尝试在两个 html 页面之间传递数据。当我在自己的计算机上运行它时它可以正常工作,但是当我将它上传到托管服务器时,我看到它不会更新结果。我有一个表格,它是汇率交换表格。我从这里更新新费率,所以它在我的主页上更新。当其他人访问我的链接时,它不起作用,他看不到我更新的任何速率。任何帮助将不胜感激。 这是我的代码

    <body><div class="profile" style="margin-top:100px;border-bottom: 4px ; border-color: #ed3330;">
        <center>
            
        <form action="">
            <div style="padding-top: 20px;" class="record">My sale rate</div><br><input id="sale" step="0.0001" type="number" required>
            <br>
            <div style="padding-top: 20px;" class="record">My purchase rate</div><br><input id="purchase" step="0.0001" type="number" required><br>
            <input class="submit" style="width: 200px;margin-top: 100px;" name="submit" type="submit" value="Click_To_update" onclick="myfunction()" >
        </form></center></div>
    </body>
    <script>
    function myfunction(){
        var purchase =document.getElementById("purchase").value
        localStorage.setItem("purchase",purchase)
        var sale =document.getElementById("sale").value
        localStorage.setItem("sale",sale)
    }
    </script>
    </html>

这是显示更新率的表格

    <script type="text/javascript">
    let loop=0
    var purchase =localStorage.getItem("purchase")
    document.getElementById("buy").innerHTML=purchase
    var sale=localStorage.getItem("sale")
    document.getElementById("sell").innerHTML=sale
    myfun ()
              function myfun (){
                if (loop%2==0){
            $('#source_amount').keyup(function () {
             var sum = 0;
             $('#source_amount').each(function() {
                 sum =purchase* Number($(this).val());
                 sum=sum.toFixed(2)
             });
             $('#target_amount').val(sum);
              
         });
         
        }
        else {
         $('#source_amount').keyup(function () {
            var sum = 0;
             $('#source_amount').each(function() {
                 sum =Number($(this).val())/sale;
                 sum=sum.toFixed(2)
             });
               $('#target_amount').val(sum);
              
         });
        }
    }
    </script>

【问题讨论】:

  • 嗨!有很多代码需要通读,所以很难看出你在寻求帮助的部分。请您 edit 在您的问题中添加一个 minimal reproducible example 来说明您遇到的问题,并给出明确的预期和实际结果。
  • 我不确定,您是否希望您的朋友看到​​您通过 localStorage 影响的数据?这不会发生,localStorage 仅供您使用。
  • 先生有什么办法可以帮我实现吗?
  • @IMSoP 先生,我已经更新了代码。我在 localStorage set & get Item 方面需要帮助,这样当我从表单更新内容时,我的朋友也可以通过我的链接查看。到其他页面。

标签: html local-storage


【解决方案1】:

每个浏览器都有一个localStorage 会话。因此,当您设置费率时,这些值将仅在您的浏览器中可用。

这意味着,如果您试图让另一台计算机上的其他人查看您在应用程序中所做的更改,则需要将该数据保存到您可以从两台计算机访问的位置。

为此,您需要一个数据库或其他方式来保存要在其他浏览器中显示的数据。

【讨论】:

  • 非常感谢!你能告诉我数据库以外的方法吗?
  • 如果不想自己设置数据库,你应该检查firebase。有很多选项可以持久化数据(有些比其他的更安全),但对于你想要的,它可能就足够了
猜你喜欢
  • 2023-03-10
  • 2011-09-15
  • 2011-06-03
  • 2015-09-27
  • 1970-01-01
  • 2014-07-12
  • 2020-05-04
  • 2021-02-27
  • 2016-06-20
相关资源
最近更新 更多