如何在JavaScript中将值从一个html页面传递到另一个页面?

时间:2012-09-02 06:25:31

标签: javascript html

我知道这个问题很多次,但我的问题是不同的 我有3个html页面,例如apply.htmlpersonal_info.htmlresume info.html

  1. 在apply.html页面中: -       我使用一个LinkedIn按钮进行LinkedIn登录。当用户点击该按钮并填写登录信息时,它从LinkedIn获取用户数据。并在同一页面上显示(apply.html)。

  2. 在personal_info.html中: -
    我需要在我们从LinkdIn获取的TextField中显示这些个人信息。

  3. 在Resume_info.html中: -
    在这里,我需要显示我们使用LinkedIn在apply.html页面上获取的职业信息。

  4. 我不明白怎么做?我是Html,JavaScript的新人 这是我的代码供您参考。

    Apply.html我在哪里获取LinkedIn日期

    <html>
    <head>    
    <script type="text/javascript"> 
    function loadData() {
    IN.API.Profile("me")
    .fields(["id", "firstName", "lastName", "pictureUrl","headline","industry","location:(name)","positions:(title)","emailAddress"])
      .result(function(result) {
      profile = result.values[0];
      profHTML = "<p><a href=\"" + profile.publicProfileUrl + "\">";
      profHTML += "<img class=img_border align=\"left\" src=\"" + profile.pictureUrl + "\"></a>";      
      profHTML += "<a href=\"" + profile.publicProfileUrl + "\">";
      profHTML += "<h2 class=myname>" + profile.firstName + " " + profile.lastName + "</a> </h2>";
      profHTML += "<span class=myheadline>" + profile.headline + "</span>";
      profHTML += "<h3>" + profile.industry + "</h3>";
      profHTML += "<h3>" + profile.location.name + "</h3>";
      profHTML += "<h3>" + profile.positions.values[0].title + "</h3>";
      profHTML += "<h3>" + profile.positions.values[1].title + "</h3>";
      profHTML += "<h3>" + profile.emailAddress + "</h3>";
     $("#profiles").html(profHTML);
      });
     } 
    </script>
    </head>
    <body>
    <script type="IN/Login" data-onAuth="loadData"></script>
    <div id="profiles"></div>
    <div id="profiles1"></div> 
    </body>  
    

    personal_Info.html我需要在哪里显示LinkedIn数据。

    <body>
    <div id="container">
    <section>
    <div class="results"> 
     <div class="results-head">
      Personal Info
      <div class="pagecount">1/6</div>
      </div>
      <div class="job-des">
       <div class="row">
         <input name="textfield2" type="text" id="textfield1" value="First Name"  class="input-field" onblur="if (this.value == '')">
       </div>
      <div class="row">
        <input name="textfield" type="text" id="textfield2" value="Last Name" class="input-field"> 
      </div>
      <div class="row">
        <input name="textfield" type="text" id="textfield3" value="Street Address" class="input-field"> 
      </div>
       <div class="row">
        <input name="textfield" type="text" id="textfield4" value="City" class="input-field"> 
      </div>
       <div class="row">
       <select name="select2" id="select2" class="input_list2">
          <option value="">  Country  </option>
        </select>
      </div>
       <div class="row">
        <select name="select2" id="select3" class="input_list2">
          <option>State</option>
        </select>
      </div>
       <div class="row">
         <select name="select2" id="select4" class="input_list2">
          <option>Region</option>
        </select>
      </div>
       <div class="row">
        <input name="textfield" type="text" id="textfield5" value="Zip/Postal Code" class="input-field"> 
      </div>
      <div class="row">
        <input name="textfield" type="text" id="textfield6" value="Email Address" class="input-field"> 
      </div>
       <div class="row">
       <input name="" type="checkbox" value="" checked align="bottom"> 
       Authorization to work in U.S.
      </div>
    
    
    
      </div>
    
    
    </div>
    <div class="input-btn-panel">
      <div class="input-btn-wrap"><input type="submit" name="button" id="button" value="Next" class="blue-btn" onClick="updateTxt()"></div>
    
     <div id="profiles"></div>
    </div>
    </body>   
    

    请给我一些提示。我不明白怎么做?

2 个答案:

答案 0 :(得分:2)

您可以使用HTML5本地存储。它允许您告诉浏览器将数据保存在用户的计算机上。 (还有会话存储,仅对当前会话有效。)

保存(在Apply.html中)

IN.API.Profile("me")
.fields(["id", "firstName", "lastName", "pictureUrl","headline","industry","location:(name)","positions:(title)","emailAddress"])
  .result(function(result) {
      profile = result.values[0];

      // save all keys to local storage
      for (f in profile) localStorage[f] = fields[f];

      // more stuff ...
  });

检索(在personal_Info.html中)

// retrieve first name from local storage
var firstName = localStorage["firstName"];
if (firstName !== undefined) {
    $("#textfield1").attr(value, firstName);
}

答案 1 :(得分:0)

您可以使用HTML5会话存储。 请检查此link

只需深入研究HTML5会话存储,你会发现很多例子。