JSON Ajax stringify

Hallo,

ich wollte meine Daten per JSON.Stringify senden, jedoch bekomm ich ein Problem.

Wenn ich "dataType: 'json' oder "Content-type", "application/json" benutze, sehe ich keine Daten mehr.

Seite1.php

$('.send').on('click', function(event) {
    
        event.preventDefault();
        
        var name = $('.name').val();
        
        var nachname = $('.nachname').val();
        
        var datas = {
            name: name,
            nachname: nachname
        }
        
        $.ajax({
            
            type: 'POST',
            url: 'name.php',
            async: false,
            dataType: 'json',
            data: {json: JSON.stringify(datas)},
            success: function(data) {
                $('#output-data').html(data);
            }
        
        });
    
    });

name.php

$decode = json_decode($_POST['json'],  JSON_UNESCAPED_SLASHES);
    
    foreach($decode as $value) {
        
        echo $value . ' ';
        
    }

Wenn ich dataType: 'json' weglasse oder Content-Type: ap.../json weglasse, klappt es. Ich versteh aber nicht wieso?

Zweite Frage ist:

Wieso benutzen die meistens um Daten zu übergeben mit Ajax JSON.stringify und nicht einfach data: {name:name} ?

Hier mal ein Video:

Quote from Sempervivum

In der Doku von $.ajax steht:

d. h. dieser Parameter definiert, welche Daten vom Server in Empfangsrichtung zurück erwartet werden. Mit dem Senden der Parameter hat das nichts zu tun. D. h. deine "datas" musst Du so wie sie sind an die Funktion übergeben.

Aber wie kann ich die Parameter eindeutig machen? z.b so:

Place: Köln <br>

PLZ: 50674

Wenn ich daten per Json in meine Name.php seite sende.

Code

<div id="output-data">
    
    </div>

<form method="POST">
    <input type="text" name="plz" class="plz">
    <button type="submit" class="send">Senden</button>
</form>

<script>
    
    $('.send').on('click', function(event) {
    
        event.preventDefault();
        
        var name = $('.plz').val();
                
        $.ajax({
            
            type: 'POST',
            url: 'name.php',
            data: {plz:plz},
            success: function(data) {
                $('#output-data').html(data);
            },
            error: function(data) {
                alert(data);
            }
        
        });
    
    });
    
</script>

Name.php

<?php

$plz = $_POST['name'];

$curl = curl_init();

curl_setopt_array($curl, array(
  CURLOPT_URL => "https://api.postleitzahlapi.de/v1/postcodes/$plz",
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_ENCODING => "",
  CURLOPT_MAXREDIRS => 10,
  CURLOPT_TIMEOUT => 30,
  CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
  CURLOPT_CUSTOMREQUEST => "GET",
  CURLOPT_HTTPHEADER => array(
    "accept: application/hal+json",
    "x-api-key: WqfwLHlFeg9P6C38YplE2ax7Fq7pBgQz9oL7kyxz"
  ),
));

$response = curl_exec($curl);
$err = curl_error($curl);

curl_close($curl);

if ($err) {
  echo "cURL Error #:" . $err;
} else {
  echo $response;
}
?>

Wenn ich es ausgebe steht da sowas:

Quote

{"district":null,"postcode":"50674","place":"Köln","state":"Nordrhein-Westfalen","_links":{"self":{"href":"https://api.postleitzahlapi.de/v1/postcodes/50674/"}}}

Ich möchte aber die Parameter eindeutig haben und zu Variablen machen.

"place" zu $place

oder

"postcode" zu $postcode

Super das hat ja geklappt. Danke dir dafür! Nur eine einzige Sache verstehe ich nicht. Ich sende die Daten ja an name.php. Wieso gibt name.php mir nichts aus? In der Console klappt alles aber hab extra eine DIV erstellt namens Output wo z.b stehen soll echo $_POST['plz'];

Jedoch zeigt er mir gar nichts an. Ich kann da sogar irgendwas hinschreiben bei der name.php aber es wird einfach nicht "geoutputet"

Wenn ich es Serverseitig mache und Parsen möchte, benutze ich vor dem Senden diese Funktion:

$.ajaxSetup({
            beforeSend: function(xhr) {
            
                xhr.setRequestHeader('Content-Type', 'application/json');
            
            }
        })

Problem ist hierbei:

Variable ist undefiniert:

bsp. $_POST['plz'];

Wenn ich den Header einfüge funktoniert es, ist aber dann nicht mehr sicher da ich den Content-Type JSON eingeben muss da ich es auch ja mit json parse usw.

application/x-www-form-urlencoded; charset=UTF-8

Quote from Sempervivum

Damit bin ich jetzt nicht vertraut, aber IMO brauchst Du beim Senden nichts zu verändern, wenn Du es serverseitig machen willst. Nur das PHP-Skript ändern, d. h. parsen und HTML generieren.

Aso, weil hab mal glaube ein Artikel gelesen wegen der Sicherheit mit Json, Oder gilt das nur wenn man es Client-Seitig macht?

€: Sorry hab den Request Header mit Response Header verwechselt..bedanke mich bei dir für die Zeit und Lösungsschläge