Lesen der Post-Request-Parameter mit JavaScript

Ich versuche, die Post-Request-Parameter aus meinem HTML-Code zu lesen. Ich kann die get request Parameter mit dem folgenden Code in JavaScript lesen.

$wnd.location.search

Bei Postanfragen funktioniert dies jedoch nicht. Kann mir jemand sagen, wie ich die Parameterwerte nach der Anforderung in meinem HTML-Code mit JavaScript lesen kann?

POST-Daten sind Daten, die serverseitig verarbeitet werden . Und Javascript ist auf der Client-Seite. Es gibt also keine Möglichkeit, Post-Daten mit JavaScript zu lesen.

Ein kleines Stück PHP, mit dem der Server eine JavaScript-Variable auffüllen kann, ist schnell und einfach:

var my_javascript_variable = <?php echo json_encode($_POST['my_post'] ?? null) ?>;

Greifen Sie dann einfach wie gewohnt auf die JavaScript-Variable zu.

Beachten Sie, dass es keine Garantie gibt, dass bestimmte Daten oder Arten von Daten veröffentlicht werden, es sei denn, Sie überprüfen - alle Eingabefelder sind Vorschläge, keine Garantien.

JavaScript ist eine clientseitige Skriptsprache, dh der gesamte Code wird auf dem Computer des Webbenutzers ausgeführt. Die POST-Variablen gehen dagegen zum Server und befinden sich dort. Browser stellen diese Variablen weder der JavaScript-Umgebung zur Verfügung, noch sollte ein Entwickler erwarten, dass sie auf magische Weise vorhanden sind.

Da der Browser JavaScript den Zugriff auf POST-Daten untersagt, ist es so gut wie unmöglich, die POST-Variablen zu lesen, ohne dass ein externer Akteur wie PHP die POST-Werte in eine Skriptvariable oder eine Erweiterung / ein Addon überträgt, die / das die POST-Werte während der Übertragung erfasst. Die GET-Variablen sind über eine Problemumgehung verfügbar, da sie sich in der URL befinden, die vom Clientcomputer analysiert werden kann.

Verwenden Sie sessionStorage!

$(function(){
    $('form').submit{
       document.sessionStorage["form-data"] =  $('this').serialize();
       document.location.href = 'another-page.html';
    }
});

Auf einer anderen Seite.html:

var formData = document.sessionStorage["form-data"];

Referenzlink - https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage

Verwenden Sie localStorage oder eine andere Methode, um den Wert festzulegen, den Sie übergeben möchten.

Auf diese Weise haben Sie von überall Zugriff darauf!

Mit irgendwo meine ich innerhalb der gegebenen Domäne / des gegebenen Kontexts

Sie können den Post-Request-Parameter mit jQuery-PostCapture ( @ ssut / jQuery-PostCapture ) lesen .

Das PostCapture-Plugin besteht aus einigen Tricks.

Wenn Sie auf die Schaltfläche "Senden" klicken, wird das onsubmitEreignis ausgelöst.

Zu diesem Zeitpunkt wird PostCapture Formulardaten serialisieren und in HTML5 localStorage (falls verfügbar) oder Cookie-Speicher speichern.

POST ist das, was der Browser vom Client (Ihrem Browser) an den Webserver sendet. Post-Daten werden über http-Header an den Server gesendet und sind nur am Serverende oder zwischen dem Pfad (Beispiel: ein Proxyserver) vom Client (Ihrem Browser) zum Webserver verfügbar. Es kann also nicht mit clientseitigen Skripten wie JavaScript verarbeitet werden. Sie müssen dies über serverseitige Skripte wie CGI, PHP, Java usw. handhaben. Wenn Sie weiterhin in JavaScript schreiben müssen, benötigen Sie einen Webserver, der JavaScript auf Ihrem Server wie Node.js versteht und ausführt

Wenn Sie mit einer Java / REST-API arbeiten, ist eine Problemumgehung einfach. Auf der JSP-Seite können Sie Folgendes tun:

    <%
    String action = request.getParameter("action");
    String postData = request.getParameter("dataInput");
    %>
    <script>
        var doAction = "<% out.print(action); %>";
        var postData = "<% out.print(postData); %>";
        window.alert(doAction + " " + postData);
    </script>

<script>
<?php
if($_POST) { // Check to make sure params have been sent via POST
  foreach($_POST as $field => $value) { // Go through each POST param and output as JavaScript variable
    $val = json_encode($value); // Escape value
    $vars .= "var $field = $val;\n";
  }
  echo "<script>\n$vars</script>\n";
}
?>
</script>

Oder verwenden Sie es, um sie in ein Wörterbuch einzufügen, das eine Funktion abrufen könnte:

<script>
<?php
if($_POST) {
  $vars = array();
  foreach($_POST as $field => $value) {
    array_push($vars,"$field:".json_encode($value)); // Push to $vars array so we can just implode() it, escape value
  }
  echo "<script>var post = {".implode(", ",$vars)."}</script>\n"; // Implode array, javascript will interpret as dictionary
}
?>
</script>

Dann in JavaScript:

var myText = post['text'];

// Or use a function instead if you want to do stuff to it first
function Post(variable) {
  // do stuff to variable before returning...
  var thisVar = post[variable];
  return thisVar;
}

Dies ist nur ein Beispiel und sollte nicht verwendet werden für jede sensible Daten wie ein Passwort, usw. Die POST - Methode aus einem Grund besteht; Daten sicher an das Backend zu senden, so dass der Zweck zunichte gemacht würde.

Wenn Sie jedoch nur eine Reihe nicht sensibler Formulardaten benötigen, um zu Ihrer nächsten Seite zu gelangen, ohne /page?blah=value&bleh=value&blahbleh=valueIhre URL zu verwenden, würde dies zu einer saubereren URL führen und Ihr JavaScript kann sofort mit Ihren POST-Daten interagieren.

Ich habe einen einfachen Code, um es zu machen:

In Ihrer index.php:

<input id="first_post_data" type="hidden" value="<?= $_POST['first_param']; ?>"/>

In Ihrer main.js:

let my_first_post_param = $("#first_post_data").val();

Wenn Sie also main.js in index.php ( <script type="text/javascript" src="./main.js"></script>) aufnehmen, können Sie den Wert Ihrer versteckten Eingabe abrufen, die Ihre Post-Daten enthält.

Sie können 'json_encode' verwenden, um zuerst Ihre Post-Variablen über PHP zu codieren. Erstellen Sie dann ein JS-Objekt (Array) aus den JSON-codierten Post-Variablen. Verwenden Sie dann eine JavaScript-Schleife, um diese Variablen zu bearbeiten ... Wie in diesem Beispiel unten, um ein HTML-Formular auszufüllen:

<script>

    <?php $post_vars_json_encode =  json_encode($this->input->post()); ?>

    // SET POST VALUES OBJECT/ARRAY
    var post_value_Arr = <?php echo $post_vars_json_encode; ?>;// creates a JS object with your post variables
    console.log(post_value_Arr);

    // POPULATE FIELDS BASED ON POST VALUES
    for(var key in post_value_Arr){// Loop post variables array

        if(document.getElementById(key)){// Field Exists
            console.log("found post_value_Arr key form field = "+key);
            document.getElementById(key).value = post_value_Arr[key];
        }
    }


</script>

Eine Möglichkeit besteht darin, ein Cookie in PHP zu setzen.

Beispiel: Ein Cookie mit dem Namen " ungültig" mit dem Wert " $invalidAblauf in 1 Tag":

setcookie('invalid', $invalid, time() + 60 * 60 * 24);

Lesen Sie es dann in JS wieder aus (mithilfe des JS-Cookie- Plugins):

var invalid = Cookies.get('invalid');

if(invalid !== undefined) {
    Cookies.remove('invalid');
}

Sie können jetzt über die invalidVariable in JavaScript auf den Wert zugreifen.

Dies hängt davon ab, was Sie als JavaScript definieren. Heutzutage haben wir JS in serverseitigen Programmen wie NodeJS. Es ist genau das gleiche JavaScript, das Sie in Ihrem Browser codieren, außer als Serversprache. Sie können also Folgendes tun: ( Code von Casey Chu: https://stackoverflow.com/a/4310087/5698805 )

var qs = require('querystring');

function (request, response) {
    if (request.method == 'POST') {
        var body = '';

        request.on('data', function (data) {
            body += data;

            // Too much POST data, kill the connection!
            // 1e6 === 1 * Math.pow(10, 6) === 1 * 1000000 ~~~ 1MB
            if (body.length > 1e6)
                request.connection.destroy();
        });

        request.on('end', function () {
            var post = qs.parse(body);
            // use post['blah'], etc.
        });
    }
}

Und daraus post['key'] = newVal;usw ...

POST-Variablen stehen dem Browser nur zur Verfügung, wenn derselbe Browser sie überhaupt gesendet hat. Wenn ein anderes Website-Formular per POST an eine andere URL gesendet wird, werden die POST-Daten vom Browser nicht angezeigt.

SITE A: Mit einem Formular, das mit POST SITE B an eine externe URL (Site B) gesendet wird: Empfängt der Besucher, jedoch nur mit GET-Variablen

function getParameterByName(name, url) {
            if (!url) url = window.location.href;
            name = name.replace(/[\[\]]/g, "\\$&");
            var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
                results = regex.exec(url);
            if (!results) return null;
            if (!results[2]) return '';
            return decodeURIComponent(results[2].replace(/\+/g, " "));
        }
var formObj = document.getElementById("pageID");
formObj.response_order_id.value = getParameterByName("name");

$(function(){
    $('form').sumbit{
        $('this').serialize();
    }
});

In jQuery gibt Ihnen der obige Code die URL-Zeichenfolge mit POST-Parametern in der URL. Es ist nicht unmöglich, die POST-Parameter zu extrahieren.

Um jQuery verwenden zu können , müssen Sie die jQuery-Bibliothek einschließen. Verwenden Sie dazu Folgendes:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>

Wir können die mit POST übermittelten Formularparameter mithilfe des Serialisierungskonzepts erfassen .

Versuche dies:

$('form').serialize(); 

Schließen Sie es einfach ein, es zeigt alle Parameter einschließlich versteckter an.

<head><script>var xxx = ${params.xxx}</script></head>

Verwenden Sie den EL-Ausdruck $ {param.xxx} in <head>, um Parameter von einer Post-Methode abzurufen, und stellen Sie sicher, dass die js-Datei danach enthalten ist, <head>damit Sie einen Parameter wie 'xxx' direkt in Ihrer js-Datei verarbeiten können.