3

私はこの質問が何度も尋ねられることを知っていますが、私の質問は何か違うものです。、、
のような3つのhtmlページがあります。 apply.htmlpersonal_info.htmlresume info.html

  1. apply.htmlページ：-LinkedIn
    -loginに1つのLinkedInボタンを使用します。ユーザーがそのボタンをクリックしてログイン情報を入力すると、LinkedInからユーザーデータが取得されます。そして、同じページ（apply.html）に表示します。

  2. personal_info.html：-LinkdInから取得
    したそれぞれの個人情報を表示する必要があります。TextField

  3. Resume_info.html：-
    ここでは、LinkedInを使用してapply.htmlページで取得したキャリア情報を表示する必要があります。

これを行う方法がわかりませんか？私はで非常に新しいHtml,JavaScriptです。
これが参考のための私のコードです。

LinkedInの日付を取得するApply.html

<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>

LinkedInデータを表示する必要があるpersonal_Info.html。 

<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>

ヒントを教えてください。これを行う方法がわかりませんか？

4

2 に答える 2

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);
}
于 2012-09-02T06:33:20.700 に答える
0

HTML5セッションストレージを使用できます。このリンクを確認してください。

HTML5セッションストレージを掘り下げるだけで、たくさんの例が見つかります。

于 2012-09-02T06:37:04.150 に答える