Wie Daten aus einer Form in einer anderen Seite (JavaScript)

Mein Englisch ist nicht gut genug, um bekommen, damit ich hoffe, Sie verstehen, was mein Problem ...Wie Daten aus einer Form in einer anderen Seite (JavaScript)

Ich habe eine Seite ‚A‘ mit einem Formular. Wenn ich auf "Senden" klicke, möchte ich, dass es auf eine Seite "B" öffnet/umleitet, und ich möchte auf der Seite "B" die Daten des Formulars auf der Seite "A" anzeigen ... Ich möchte dies mit JavaScript machen, nicht mit jQuery oder so. Ich habe versucht mit window.opener oder solche Sachen ... Als nächstes wird der Beispielcode angezeigt.

Seite 'A':

<html> 
    <head> 
    </head> 
    <body> 
     <form method="post" name="form1" id="form1"> 
      <input type="text" name="field1"> 
      <input type="submit" name="submit" onclick="window.open('show.html');"> 
     </form> 
    </body> 
</html>

Seite 'B':

<html> 
    <head> 
    </head> 
    <body> 
     <script> 
      var x = opener.document.forms["form1"]["field1"].value; 
    document.write(x); 
     </script> 
    </body> 
</html>

Es ist wirklich wichtig, dass Seite 'B' Daten aus dem Formular auf Seite zeigen kann, 'A'. Ich kann PHP oder eine andere Technologie nicht benutzen ...:/

Ich hoffe, dass Sie verstehen, was ich frage. Vielen Dank!

** UPDATE

Die Lösung (zumindest für mich) ist local, wie Sagar Hani angegeben. Jedenfalls, dank Leute, die geantwortet haben!

Quelle

2017-08-27 Edson Guízar

warum 'javascript' ?? warum nicht mit 'post'? – Ravi

Mögliches Duplikat von [Wie lese ich die Post-Request-Parameter mit Javascript] (https://StackOverflow.com/questions/1409013/How-to-read-the-Post-Request-Parameters-using-javascript) – iceDragon

Sie können speichern das Formulardatenobjekt in Ihrem lokalen/Sitzungsspeicher und greifen Sie darauf auf der nächsten Seite zu. –

Kann nicht PHP sein? Mit PHP können Sie die Informationen auch an Seite B senden und dem Benutzer alle Informationen anzeigen. In der Tat ist es benutzerfreundlicher, da es sich um einen serverseitigen Prozess handelt.

Quelle

2017-08-27 17:52:10

Ich weiß! PHP ist sehr freundlich mit diesem Zeug, aber ich muss JavaScript verwenden, mein Ingenieur Lehrer will es JS ... –

Okay, ich bin kein Javascript-Experte, aber ich denke, der beste Weg ist, die Formulareingaben zu speichern als ein Cookie nach dem Einreichen einer Aktion auf Seite A und holen Sie sich das Cookie auf Seite B. Ich glaube nicht, dass Javascript das Zeug machen kann, ohne die Informationen im Benutzerbrowser zu speichern. Aber, wie ich schon sagte, ich bin kein Javascript-Experte. Wie setze ich Cookies? Es ist einfach: https://stackoverflow.com/questions/14573223/set-cookie-and-get-cookie-with-javascript Bitte Daumen hoch, wenn ich hilfreich war –

Nie können Sie POST Daten von Client-Seite erhalten (Javascript oder andere Client-Seite Sprache)
Sie müssen eine serverseitige Sprache verwenden Post-Daten zu erhalten (wie PHP, NodeJS).
Aber Sie können einfach erhalten GET Daten von Client-Seite (Javascript).

Folgendes ist die genaue Lösung, die Sie möchten.

Seite 'A' (a.html)

<html> 
     <head> 
     </head> 
     <body> 
      <form action="b.html" method="get" name="form1" id="form1"> 
       <input type="text" name="field1"> 
       <input type="submit" name="submit"> 
      </form> 
     </body> 
    </html>

Seite 'B' (b.html)

<script> 

alert(findGetParameter("field1")) 

function findGetParameter(parameterName) { 
    var result = null, 
     tmp = []; 
    location.search 
     .substr(1) 
     .split("&") 
     .forEach(function (item) { 
      tmp = item.split("="); 
      if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]); 
     }); 
    return result; 
} 

</script>

Quelle

2017-08-27 18:21:58 thinuwan

Wie Daten aus einer Form in einer anderen Seite (JavaScript)

Antwort

Verwandte Themen