2017-06-07 3 views
0

Können Sie mir bitte sagen, wie man Daten von einem Fenster zu einem anderen Fenster sendet? Ich habe eine Schaltfläche in meinem Elternfenster. Mit einem Klick auf diese Schaltfläche wechsle ich zu einer anderen Seite (Auf einer anderen Seite ist eine Erfolgstaste vorhanden). Wenn ich auf Erfolgsknopf auf Kind oder einem anderen Fenster klicke, leite ich zum Elternfenster um. Ich möchte "Erfolg" -Text im übergeordneten Fenster drucken.Wie sende ich Daten von einem Fenster zu einem anderen Fenster?

http://plnkr.co/edit/6IRDD0DHxK6A7mExWOUP?p=preview

$(function() { 
    $('#f').on('click', function() {  
    // alert('ddd'); 
    window.open('a.html') 
    }) 

    $('#succ').on('click', function() {   
    // alert('succ'); 
    window.open('index.html') 
    }) 
}) 
+0

Mögliche Duplikate von [Kommunikation zwischen Registerkarten oder Fenstern] (https://stackoverflow.com/questions/28230845/communication-between-tabs- or-windows) –

+0

über Fragen bespricht es –

Antwort

0

tun gerade folgendes:

auf dem übergeordneten Seite fügen Sie den folgenden Code ein:

$(document).ready(function() { 
    var referrer = document.referrer; //to get previous url 
    if(referrer == 'a.html'){ 
     alert("success"); // here i am showing an alert box with success message, you can print it inside a div or span as per your need. 
    } 
}); 

HINWEIS: auf Plunker ersetzen "wenn die Bedingung" mit diesem :

if(referrer=='http://run.plnkr.co/Bwm0sBW4RRnrmWRA/a.html'){ 
     alert("success"); // here i am showing an alert box with success message, you can print it inside a div or span as per your need. 
    } 

und Daten zu senden zusammen mit ihm:

do something like this: 
window.open('index.html','height=400, width=650, left=300, top=100, status=yes'); 
or 
window.open("index.html?cid=hello"); 

Das ist es. :)

+0

funktioniert nicht bitte überprüfen agan – user944513

+0

http://plnkr.co/edit/6IRDD0DHxK6A7mExWOUP?p=preview – user944513

+0

Welches ist Ihre Elternseite? a.html oder index.html? –

0

Sie können Wert an die HTML-Seite über URL-Parameter übergeben. Ändern Sie einfach Ihren Code in der Datei script.js. Hoffe es wird dir helfen.

$(function() { 
    $('#f').on('click', function() { 
    window.open('a.html?id=' + 123) 
}) 
$('#succ').on('click', function() { 
    window.open('index.html?id=' + 1) 
}) 
}) 

dann können Sie den ID-Wert Formularparameter abrufen. Danke

+0

Um die Parameter von URL zu lesen: https://StackOverflow.com/Questions/901115/How-Can-I-Get-Query-String-Values-in-Javascript –

+0

Ja @EmanueleSpatola .perfect. Danke im Voraus. –

0

Sie können die localStorage API verwenden, um zu verfolgen, ob die Schaltfläche geklickt wurde oder nicht.

Wenn der Benutzer auf die Schaltfläche klickt, fügen Sie dem localStorage einen neuen Schlüssel hinzu (z. B. isClicked).

Wenn der Benutzer auf der Hauptseite landet, prüfen Sie, ob dieses Flag gesetzt ist. Wenn dies eingestellt ist, zeigen Sie die Erfolgsmeldung an.

<!-- index.html --> 
<html> 
    <body> 
    <div id="result"></div> 
    <button id="cta">GOTO Sub Page</button> 
    <button id="clear">Clear Success</button> 
    <script> 
     window.onload = function(){ 
     var isClicked = localStorage.getItem("isClicked"); 
     if(isClicked){ 
      document.getElementById("result").innerHTML="Success"; 
     } 
     } 
     document.getElementById("cta").onclick=function(){ 
     window.open("sub-page.html"); 
     } 
     document.getElementById("clear").onclick=function(){ 
     localStorage.removeItem("isClicked"); 
     document.getElementById("result").innerHTML=""; 
     } 
    </script> 
    </body> 
</html> 

<!--- sub=page.html --> 
<html> 
    <body> 
    <div id="result"></div> 
    <button id="cta">Activate Message</button> 
    <script> 
     document.getElementById("cta").onclick=function(){ 
     localStorage.setItem("isClicked","true"); 
     window.open("index.html"); 
     } 
    </script> 
    </body> 
</html> 

Sample Plunkr Implementation

PS: Sie können localstorage verwenden speichern/abrufen andere auch bezogene Werte Seite. Sie können JS-Objekte sogar speichern, indem Sie ihre Zeichenfolgendarstellungen nach der JSON.stringify-Methode speichern

Verwandte Themen