使用会话存储值并检索到其他页面

时间:2019-07-05 08:29:15

标签: javascript jquery google-chrome-extension

我有两个页面,一个页面显示数据,另一页面显示输入字段。我希望在页面加载时保存该值并在第二页中检索它。我已经尝试了很多次,但是在第二页中我无法检索会话值。下面的示例。

代码:-

first.html

    <div class="success_bx">
         <p >Your Application id is : SSP2019021700040906</p>
         <p>Your Password is : 6QANDV</p>
    </div>

Second.html

<div class="login">
<input type="text" name="username" id="user_name" required="" class="form-control my_inpt" >

Script.js

var one= $(".success_bx p:eq(0)").text().split(" : ")[1];

 localStorage.setItem("username",one);
  //console.log(one);
  retrieve = document.getElementById('user_name');
  retrieve.value = localStorage.getItem("username");
  //console.log(retrieve);

1 个答案:

答案 0 :(得分:0)

只需使用getitem方法从本地存储中获取值

retrieve = localStorage.getItem("username");