Aktueller Standort: Startseite> Neueste Artikel> PHP-JSON-Daten- und Front-End-Interaktionsmethode

PHP-JSON-Daten- und Front-End-Interaktionsmethode

gitbox 2025-06-28

Was ist JSON

JSON (JavaScript -Objektnotation) ist ein leichtes Datenaustauschformat, das für Menschen einfach zu lesen und zu schreiben ist und auch für die Computeranalyse und -generation bequem ist. Es beschreibt Daten in Objekt und wird häufig verwendet, um Daten zwischen Servern und Webseiten zu übergeben.

Beispiel des JSON -Formats:

 <span class="fun">{"Name": "Zhang San", "Alter": 18, "Geschlecht": "männlich"}</span>

Im JSON-Format werden Daten in Form von Schlüsselwertpaaren angezeigt, in denen Schlüssel und Werte durch ":" getrennt werden, und die Datenelemente werden durch Kommas getrennt und die gesamten Daten werden von Klammern umgeben.

PHP speichert JSON -Daten

Konvertieren Sie JSON in PHP -Array

In PHP können Sie die Funktion json_decode () verwenden, um Daten im JSON -Format in PHP -Arrays umzuwandeln.

Beispielcode:

 $json = '{"name": "Zhang San", "age": 18, "gender": "männlich"}';
$arr = json_decode($json, true);
print_r($arr);

Ausgangsergebnis:

 Array
(
    [name] => Zhang San
    [age] => 18
    [gender] => männlich
)

PHP -Array in JSON konvertieren

In PHP können Sie die Funktion json_encode () verwenden, um PHP -Arrays in das JSON -Format umzuwandeln.

Beispielcode:

 $arr = array("name" => "Zhang San", "age" => 18, "gender" => "männlich");
$json = json_encode($arr);
echo $json;

Ausgangsergebnis:

 <span class="fun">{"Name": "Zhang San", "Alter": 18, "Geschlecht": "männlich"}</span>

Verwenden von JSON -Daten

Durch die Verwendung von JSON-Daten kann eine Front-End- und Back-End-Trennungsarchitektur implementiert werden. Nachdem das Front-End JSON-Daten vom Back-End durch AJAX erhalten hat, führt es entsprechende DOM-Operationen ohne häufige Wechselwirkung mit dem Back-End durch.

Ajax erhalten JSON -Daten

Das Front-End verwendet AJAX, um JSON-Daten von der Back-End-Schnittstelle zu erhalten und eine anschließende Verarbeitung durchzuführen.

 $.ajax({
    url: "test.php",  // Backend -Schnittstelle
    type: "get",
    dataType: "json",  // Geben Sie die Rückgabedaten als anJSONFormat
    success: function(data) {
        console.log(data);  // Ausgang erhaltenJSONDaten
    }
});

Front-End-Verarbeitung von JSON-Daten

Nachdem das Front-End JSON-Daten erhalten hat, kann es über JavaScript analysiert und auf der Seite angezeigt werden.

 $.ajax({
    url: "test.php",  // Backend -Schnittstelle
    type: "get",
    dataType: "json",  // zurückkehrenJSONDaten
    success: function(data) {
        // AnalyseJSONDaten
        var name = data.name;
        var age = data.age;
        var gender = data.gender;
        // 将Daten显示在页面上
        $("#name").text(name);
        $("#age").text(age);
        $("#gender").text(gender);
    }
});

Zusammenfassen

In diesem Artikel werden die grundlegenden Konzepte von JSON und Methoden zur Parsen und Manipulation von JSON -Daten in PHP eingeführt, einschließlich der Umwandlung von JSON in PHP -Array und umwandeln PHP -Array in das JSON -Format. Darüber hinaus werden auch eingeführt, wie Sie mit dem Front-End-Durchgang durch AJAX interagieren, um die Trennung von Front-End-Teilen zu erreichen und die Benutzererfahrung und die Leistung der Website zu verbessern.