Comment puis-je passer d'une valeur à partir d'une page HTML à l'autre à l'aide de JavaScript?

C'est ma première page HTML:

<!--first.html-->   
<html>
    <body>
    <div data-role="page" data-theme="a" data-url="first" id="first"> 
        <form id="form1" name="form2" action="checking.html">
        <input type="text" name="txtFileName" id="txtFileName"/>
       <!-- <button onClick="uploadFile();">Upload</button> -->
       <input type="hidden" name="hidden1" value="">
       <br><input type="submit"  value="Send me your name!"  onClick="submitform();"><br>
       </form>
       <script type="text/javascript">
       function submitform()
       {
         document.forms.form1.hidden1.value=1;
         alert("i am working");

        document.form1.submit();
       }
    </script>

        </div>
    </body>
</html>

C'est ma deuxième page HTML:

<!-- second.html -->
<html>
    <head>
    </head>
    <body> 
<h1>Javascript call after page loaded</h1>

<script>
function getQueryVariable2(variable) { 
  var query = window.location.search.substring(1); 
  document.write(query);
  var vars = query.split("&"); 
  document.write("<br />");
  document.write(vars);

  for (var i=0;i<vars.length;i++) { 
    var pair = vars[i].split("="); 
    if (pair[0] == variable) { 
      return pair[1]; 
    }
  } 
} 


document.write("<br />txtFileName = " + getQueryVariable2("txtFileName"));
document.write("<br />hid1 = " + getQueryVariable2("hid1"));
</script>
hellllo
</body>

Ici, je veux afficher le contenu de hidden1 de first.html. Veuillez indiquer, pour moi, ce code je doit utiliser pour cela.

  • comment est-ce commentaire aider?
  • Les gens dans stackoverflow peut être aussi dégueulasse comme ce gars-là, malheureusement.
InformationsquelleAutor Pushpendra Kuntal | 2011-09-01
  1. 8

    en HTML5, vous pouvez utiliser la session de passer de l'objet à partir de la page à une autre:

    1 - créer un sesison

    sessionStorage.setItem('key', 'value');

    - Lecture 2 session:

    sessionStorage.getItem('key')

    cochez cette exemple

    • il est pris en charge avec firefox 3 et supérieur, google chrome et ie9
    InformationsquelleAutor Alex
  2. 5

    Probablement la meilleure façon, dans votre cas, pour utiliser GET params comme:

    http://mysite//second.html?myparams=value

    ou si c'est important ou big data - l'utilisation POST

    InformationsquelleAutor Samich
  3. 1

    Trouvé une solution pour vous pour analyser OBTENIR des variables:

    //Read a page's GET URL variables and return them as an associative array.
function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

    Obtenir les paramètres d'URL & les valeurs avec jQuery

    InformationsquelleAutor Eskil Mjelva Saatvedt
  4. 0

    Si vous n'êtes pas à l'aide de html5, vous avez les moyens de passer la valeur à partir d'un code html à l'autre de la chaîne de recherche/OBTENIR/Cookies.

    HTML5 fournit deux objets localStorage et sessionStorage pour enregistrer les données du client. À la fois permettre à l'utilisateur de stocker les données sur l'ordinateur local. Offre deux méthodes: getItem('Key') et setItem('Key','Valeur') ou nous pouvons simplement de stocker les données dans le tableau de localStorage ou sesionStorage; 

    //Store
localStorage.setItem("lastname", "abc");
//Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

    Le sessionStorage objet est similaire à l'objet localStorage sauf qu'il stocke les données pour une seule session. Les données sont supprimés lorsque l'utilisateur ferme la fenêtre.

    de supprimer n'importe quel élément de la session:

    localStorage.removeItem("lastname");

    de stocker dans un tableau:

    for (item in items) {
   localStorage[item] = AnyArray[item];
}
    InformationsquelleAutor Sanjeev Singh