如何使用javascript将数据从一个html页面发送到另一页面

对不起,如果我的问题重复,我找不到类似的内容。 我正在尝试使用本地存储将值从一个HTML发送到另一个HTML,当我选择并单击下一步按钮时,我的HTML1页面包含食品杂货,这些物品存储在最终变量中,必须将其发送到另一个HTML2页面,即结算会话

//Htmlpage1 want to send the radio button details to html2page
        <form class="mt-5"> 
            <div class="row mt-5">
                <div class="col-sm-4">
                  <bold><p>Black Rice</p></bold>
                    <input type="radio" name='item1' value='1 KG @ Rs.199' data-id="blackrice1kg" />1 KG @ Rs.199<br>
                    <input type="radio" name='item1' value='2 KG @ Rs.390' data-id="blackrice2kg" />2 KG @ Rs.390<br>
                    <input type="radio" name='item1' value='3 KG @ Rs.550' data-id="blackrice3kg" />3 KG @ Rs.550<br>
                </div>
                <div class="col-sm-4">
                        <img src="img/Taruproduct.png" alt="">
                    <bold><p>JaggeryPowder</p></bold>
                    <input type="radio" name='item1' value='100 Sachets @ Rs.199' data-id="JaggeryPowder1kg" />100 Sachets @ Rs.199<br>
                    <input type="radio" name='item1' value='200 Sachets @ Rs.390' data-id="JaggeryPowder2kg" />200 Sachets @ Rs.390<br>
                    <input type="radio" name='item1' value='300 Sachets @ Rs.550' data-id="JaggeryPowder3kg" />300 Sachets @ Rs.550<br>
                </div>
 //html2 page 
    <div class="container text-center">
           <h5 class="display-2 mt-5 mb-5">Subscription Box</h5>  
           <form>
           <div class="form-group">
           <p>Black Rice <input type="text" id="blackriceqty"  class="form- 
             control"></p>   
           <form>     
    </div>
//javascript code
 $(document).ready(function () {
   $("input[type='radio']").click(function(){
      var final = $("input[name='item1']:checked").val();
      $(".result").val(final);
      localStorage.setItem(textvalue,final);
      document.getElementById("blackriceqty").innerHTML=localStorage.getItem(textvalue);
     });
wq30091300 回答:如何使用javascript将数据从一个html页面发送到另一页面

您的JavaScript代码必须在2个不同的页面上。在第一页上,您将值放在本地存储中。在第二页上,从本地存储中提取值。在您的示例中,您要尝试执行的操作是在首页上使用JS代码访问ID为blackriceqty的元素,但此元素在第二页上-因此在当前DOM中丢失。

第一个HTML页面上的JavaScript代码:

 $(document).ready(function () {
   $("input[type='radio']").click(function(){
      var final = $("input[name='item1']:checked").val();
      $(".result").val(final);
      localStorage.setItem(textValue,final);
     });

第二HTML页面上的JavaScript代码:

$(document).ready(function () {
document.getElementById("blackriceqty").innerHTML=localStorage.getItem(textValue);
});

还有其他方法可以在页面之间传递值,正如其他注释所述:进入后端,使用查询字符串,cookie,本地或会话存储,Web套接字...

本文链接:https://www.f2er.com/3168190.html

大家都在问