Comment passer de la valeur d'une page html à l'autre en JavaScript?

Je sais que cette question se posent de nombreuses fois, mais ma question est quelque chose de différent.

J'ai 3 pages html comme apply.html, personal_info.html, resume info.html.

Dans apply.html page:-

J'utilise LinkedIn bouton pour LinkedIn-login. lorsque l'utilisateur clique sur ce bouton et en remplissant les informations de connexion, il récupérer les données des utilisateurs de LinkedIn. Et de l'afficher sur une même page(apply.html).
Dans personal_info.html:-

J'ai besoin de montrer cette information personnelle dans les différents TextField qui nous extraire de LinkdIn.
Dans Resume_info.html:-

Ici, j'ai besoin d'afficher l'information sur les carrières que l'on va chercher sur apply.html la page de l'utilisation de LinkedIn.

Je ne comprends pas comment faire cela? Je suis très nouveau sur Html,JavaScript.

Voici mon code pour votre référence.

Apply.html d'où j'extrais LinkedIn Date

<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 là où j'ai besoin de montrer LinkedIn données.

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

Merci de me donner un indice. Je ne comprends pas comment faire cela?

Peut-être que vous pouvez stocker certaines informations contenues dans les cookies?
Les témoins.Les témoins.Les témoins.

OriginalL'auteur Sandip Armal Patil | 2012-09-02

html javascript

2

Vous pouvez utiliser le stockage local HTML5. Il vous permet de dire au navigateur d'enregistrer des données sur l'ordinateur de l'utilisateur. (Il y a aussi de stockage de session, valable uniquement pour la session en cours.)

Enregistrer (dans 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 ...
});
```
Récupérer (en personal_Info.html)
```
//retrieve first name from local storage
var firstName = localStorage["firstName"];
if (firstName !== undefined) {
$("#textfield1").attr(value, firstName);
}
```
Merci mais j'ai une question....il va enregistrer toutes les opérations de terrain dans le local de stockage? là où j'ai besoin d'ajouter pour la boucle dans ma fonction? et comment faire pour vérifier si tous les champs ajouter correctement ou pas?
oui, cette ligne de boucles à travers les champs et les ajoute: for (f in fields) localStorage[f] = fields[f];. Utilisez simplement localStorage["firstName"] === undefined pour vérifier si le champ a été ajouté correctement.
ok je utiliser votre code comme celui-ci... var champs = EN.L'API.Profil("moi") pour f dans les champs) localStorage[f] = champs[f]; Alors j'accepte toutes les valeur de html.... mais quand j'essaie de montrer la valeur ajoutée qu'il ne montre pas tout.... allez-vous modifier votre réponse plus de détails avec l'aide de mon code... j'apprécie vraiment que vous...
Je viens de réaliser que j'ai fait une erreur dans le apply.html logique, c'est sans doute pourquoi elle n'avait pas de travail pour vous. Merci de voir mon jour de réponse.
Merci..je vais essayer cela...

OriginalL'auteur McGarnagle
0

Eh bien, vous pouvez utiliser HTML5 stockage de session.
Cochez cette lien.

Il suffit de creuser autour de HTML5 stockage de session et vous trouverez beaucoup d'exemples.

OriginalL'auteur Geethanga

Vous devez vous connecter pour publier un commentaire.