JavaScript - Datenaustausch mit JSON

Datenaustausch mit JSON mit POST

Beispiel:

<script type="text/javascript" src="xmlhttp.js"> </script>

<script type="text/javascript">

var xhr = xmlhttp();

function umwandeln() {

xhr.open("POST", "Post_JSON.php", true);

xhr.onreadystatechange = gibDatenAus;

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

xhr.send("text=" + escape(document.getElementById("Eingabe").value));

}

function gibDatenAus() {

if (xhr.readyState == 4) {

var daten = eval("(" + xhr.responseText + ")");

var text = daten[0];

var uhrzeit = daten[1];

document.getElementById("Ausgabe").innerHTML = text + " (Zeitpunkt der Umwandlung: " + uhrzeit + ")";

}

}

</script>

Post_JSON.php

Text wird eingelesen und umgekehrt, Serveruhrzeit ermittelt, Array erzeugt, JSON encodierung des Arrays

htmlspecialchars - zur Vermeidung von Cross-Site-Scripting, spitze Klammern werden in Text umgewandelt z.B.&lt;

<?php

if (isset($_POST['text']) && is_string($_POST['text'])) {

$text = htmlspecialchars(strrev($_POST['text']));

$uhrzeit = date('H:i:s');

$a = array($text, $uhrzeit);

echo json_encode($a);

}

?>

Ausgabe:

Funktioniert nicht!

zurück