it-swarm.com.de

Wie kann ich mithilfe von JavaScript einen Wert von einer HTML-Seite an eine andere übergeben?

Dies ist meine erste HTML-Seite:

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

Dies ist meine zweite HTML-Seite:

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

Hier möchte ich den Inhalt von hidden1 aus first.html anzeigen. Bitte schlagen Sie mir vor, welchen Code ich dafür verwenden soll.

17

in HTML5 können Sie Sitzung verwenden, um ein Objekt von einer Seite an eine andere zu übergeben:

1- eine sesison erstellen

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

2- Lesesitzung:

sessionStorage.getItem('key')

überprüfe dieses Beispiel

8
Alex

Wahrscheinlich der beste Weg, GET-Parameter wie folgt zu verwenden:

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

oder wenn es wichtig ist oder große Daten - verwenden Sie POST

5
Samich

Eine Lösung für Sie gefunden, um GET-Variablen zu analysieren:

// 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;
}

URL-Parameter und Werte mit jQuery abrufen

Wenn Sie html5 nicht verwenden, haben Sie folgende Möglichkeiten, um den Wert von einer HTML-Datei an eine andere zu übergeben - QueryString/GET/Cookies.

HTML5 stellt zwei Objekte localStorage und sessionStorage zum Speichern der Clientdaten bereit. Bei beiden kann der Benutzer die Daten auf einem lokalen Computer speichern. Bietet zwei Methoden - getItem ('Key') und setItem ('Key', 'Value') oder wir können die Daten einfach in einem Array von localStorage oder sesionStorage speichern. 

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

Das sessionStorage-Objekt ähnelt dem localStorage-Objekt, speichert jedoch nur die Daten für eine Sitzung. Die Daten werden gelöscht, wenn der Benutzer das Fenster schließt.

so entfernen Sie ein Element aus der Sitzung:

localStorage.removeItem("lastname");

als Array speichern:

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