Übergeben Sie Daten an eine andere Seite und senden Sie ein Formular auf dieser Seite

Question

Ich möchte eine Schaltfläche auf page1.html. Diese Schaltfläche übergibt Daten an page2.html, die ein Formular enthalten, lädt diese Daten in das Formular und sendet das Formular an page2.html. Ist das möglich? Wie würde es gemacht werden? Ich kann keine Beispiele dafür finden.

Danke!

Answer 1

endete ich PHP Post-Methode unter Verwendung von bis:

Von Ursprung page1.php Seite:

<form action="page2.php" method="post"> 
    <input type="hidden" name="MyName" id="MyId" value="MyVal"> 
    <input type="submit" value="Post to page2"> 
</form> 

In Empfang page2.php Seite:

<?php if (!empty($_POST)) : ?> // Check for Post data 
    <script> 
     document.getElementById("MyId").value = '<?php echo $_POST["MyName"]; ?>'; //update form on page2.php by field ID 
     document.getElementById('FormToSubmit').click(); 
    </script> 
<?php endif;?> 

funktioniert perfekt

Answer 2

Natürlich ist die beste Sache, ein Backend zu benutzen ... aber ich denke, dass Sie nicht fragen würden, ob Sie diese Wahl hatten.

eine Sache, die Sie tun können, ist der Anker in der URI verwenden, wie: /page2#?field=value&fld=val

Dann auf Seite laden, suchen Sie nach einem Anker-Tag und zu verarbeiten:

$(function(){ 
    let hash = window.location.hash.substr(1); 
}) 

Hier ist ein plunkr zu bekommen Sie über den Boden: https://plnkr.co/edit/u9fPGFZedXGmKbbdXVvy?p=preview

Also, sobald Sie die hash haben, würden Sie es zu JSON parsen und konfigurieren Sie Ihr Formular damit.

Es ist nicht offensichtlich, dass es funktioniert, weil diese geigeähnlichen Seiten funktionieren. Aber es funktioniert! Um es auszuprobieren, öffnen Sie die Vorschau im separaten Fenstermodus, kopieren Sie die URL, öffnen Sie diese URL in einem neuen Tab und fügen Sie einen Beispielhash hinzu, und drücken Sie die Eingabetaste. dann lade die Seite neu.