Asynchrone Datenübertragung zwischen Server und Browser mit AJAX JQuery und Json?
Ich habe folgende Aufgabe bekommen:
Finden Sieh heraus, wie Sie ein Formular via AJAX (jQuery) (asynchronen Datenübertragung zwischen einem Browser und dem Server) absenden, und die Antwort auswerten.
Zusätzlich: PHP Soll alle Daten im modernen Json Format liefern.
Ich würde mich freuen wenn mich jemand dabei Unterstützen kann ich habe noch nie mit JQUERY oder Json gearbeitet. Vielleicht kann es mir wer erklären und zusammen bearbeiten. Würde mich freuen
1 Antwort
Okay ich habe mittlerweile eine Lösung ich weiß aber nicht ob sie optimal ist. So sieht sie bisher aus:
<?php
header('Content-type: application/json');
$text="";
if(isset($_POST["text"])){
$text=$_POST["text"];
}else{
$text="hier kam nix an";}
$data = ["antwort" => $text ];
echo json_encode($data);
?>
Das ist der PHP Teil
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
function loadDoc() {
let text = document.getElementById("ausgabe").value;
$.ajax({
url: "cookies.php",
type: "POST",
dataType: "json",
data: {"text": text},
success: function (data) {
console.log(data.antwort);
},
error: function (error) {
console.log("Error:");
console.log(error);
}
});
}
</script>
Und das ist der Script Teil. Würde mich freuen wenn jemand vielleicht Verbesserungsvorschläge hätte.
