Wie kann ich den Wert von der aktuellen Seite erhalten, wenn meine Formularaktion auf eine andere Seite zeigt?

Question

Ich möchte Postwerte von der aktuellen Seite abrufen, während meine Formularaktion auf eine andere Seite verweist. Unten ist Codebeispiel:

<form id="form1" name="form1" action='page2.php' method="post"> 
<input type="text" id="test" name="test" value="<?php echo 'test'; ?>" /> 
<input type='submit' value='submit' /> 
</form> 

//i want to get the value here but it's not working because all value pass to page2.php 
$value = $_POST['test']; 
echo $value; 

Beraten Sie mich, wie man diese Typen durchführt!

Answer 1

Sie können die Formularübermittlung abfangen, indem Sie JavaScript im Attribut onsubmit des Formulars verwenden. Dann können Sie einen AJAX-Anruf zu Ihrem zweiten Einreichungsort tätigen.

Wenn Sie die Formularübermittlung abzubrechen, beenden Sie die JavaScript mit return false;

Hier ist, was es aussehen könnte:

<form method="POST" action="page2.php" onsubmit="submit(this)"> ... </form> 

Und dann in Ihrem JavaScript:

function submit(form) { 
    var ajax = new XMLHttpRequest(); 
    ajax.open("POST", "page1.php"); 
    ajax.send(new FormData(form)); 
} 

Sie können this source hilfreich finden, um FormData Objekte in AJAX zu senden.

Alternativ, jQuery macht es sehr einfache AJAX-Aufrufe zu tun.

function submit(form) { 
    $.post("page1.php", $(form).serialize()); 
} 

Answer 2

Hier ist ein Beispiel mit AJAX-Formulardaten zu senden, dass die Datei ohne die Client-Datei und führt zu aktualisieren oder erneut direkt zu verschiedenen Seiten zu benötigen.

function submit() { 
    var v = document.getElementById("1234").value; 
    var xmlhttp = new XMLHttpRequest(); 
    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      //inserts output from file into given location 
      //in this case, a div with id of 'content'    
      document.getElementById("content").innerHTML = xmlhttp.responseText; 
     } 
    } 
    xmlhttp.open("POST", "upload.php?data="+v, true); 
    xmlhttp.send(); 
} 

Es gibt Möglichkeiten, JQuery zu verwenden, auch (How to submit form on file select without page reload?)