Deutsch
Deutsch
Wie setze ich den JSON -Antwortheader mit der Header -Funktion ein und gibt Daten mit dem AJAX -Aufruf zurück?
In der Webentwicklung ist es häufig notwendig, die Dateninteraktion der asynchronen Anforderungsdaten mit dem Front-End zu verarbeiten, insbesondere wenn Daten zurückgegeben werden, wenn sie AJAX-Anrufe verwenden. Um sicherzustellen, dass der Browser das zurückgegebene Datenformat korrekt verarbeiten kann, müssen wir die korrekten Response -Header -Informationen festlegen. Wenn wir möchten, dass die von uns zurückgegebenen Daten im JSON -Format sind, bietet PHP die Header () -Funktion, um den HTTP -Antwortheader festzulegen. In diesem Artikel wird erläutert, wie die Funktion Header () verwendet wird, um den JSON -Antwortheader einzurichten und JSON -Daten mit AJAX zurückzugeben.
Um JSON-Formatdaten an den Client zurückzugeben, stellen Sie zunächst sicher, dass der Inhaltstyp korrekt auf Anwendung/JSON im HTTP-Antwortheader eingestellt ist. Auf diese Weise wird der Browser wissen, dass er Daten im JSON -Format empfängt, nicht im HTML oder in anderen Formaten.
<?php
// Stellen Sie den Antwortheader ein，Geben Sie den Rückgabetyp als Rückgabetyp an JSON
header('Content-Type: application/json');
// Erstellen Sie ein assoziatives Array，Gibt die zu zurückgegebenen Daten an
$response = array(
'status' => 'success',
'message' => 'Data has been successfully processed.'
);
// verwenden json_encode() Funktion konvertiert das Array in JSON Format
echo json_encode($response);
?>
Wenn der korrekte JSON -Antwortheader festgelegt ist, können die zurückgegebenen JSON -Daten über den Ajax -Aufruf erhalten werden. Angenommen, das Front-End verwendet die Fetch () -Funktion von JavaScript oder JQuery $ .ajax (), um Anfragen zu senden und Daten zu empfangen. Hier ist ein Beispiel für das Senden einer Anfrage mit Fetch () und einer JSON -Antwort:
fetch('http://m66.net/api/data.php', {
method: 'GET'
})
.then(response => response.json()) // Analyse JSON Daten
.then(data => {
console.log(data); // 在控制台输出返回的Daten
})
.catch(error => console.error('Error:', error));
$.ajax({
url: 'http://m66.net/api/data.php',
type: 'GET',
dataType: 'json', // 指定返回的Daten类型为 JSON
success: function(data) {
console.log(data); // 在控制台输出返回的Daten
},
error: function(xhr, status, error) {
console.error('Error:', error);
}
});
Hier ist ein vollständiges Beispiel für PHP und AJAX, das zeigt, wie der JSON -Antwortheader mit der Funktion Header () eingerichtet wird und Daten über AJAX am vorderen Ende abgerufen werden:
<?php
// Stellen Sie den Antwortheader ein，Geben Sie den Rückgabetyp als Rückgabetyp an JSON
header('Content-Type: application/json');
// Erstellen Sie ein assoziatives Array，Gibt die zu zurückgegebenen Daten an
$response = array(
'status' => 'success',
'message' => 'Data has been successfully processed.',
'data' => array('item1', 'item2', 'item3')
);
// verwenden json_encode() Funktion konvertiert das Array in JSON Format
echo json_encode($response);
?>
fetch('http://m66.net/api/data.php', {
method: 'GET'
})
.then(response => response.json()) // Analyse JSON Daten
.then(data => {
console.log(data); // 在控制台输出返回的Daten
})
.catch(error => console.error('Error:', error));
Stellen Sie sicher, dass JSON korrekt formatiert ist : Die in PHP zurückgegebenen Daten sollten in einem gültigen JSON -Format enthalten sein. Sie können die Funktion json_encode () verwenden, um PHP -Arrays in Zeichenfolgen im JSON -Format zu konvertieren.
CORS-Problem : Wenn das Front-End und das Back-End nicht unter demselben Domain-Namen stehen, können Sie CORS-Ressourcenfreigabe (CORS) begegnen. Sie müssen den Response-Header der Zugriffskontrolle in PHP einstellen, um Cross-Domain-Anfragen zu ermöglichen:
header('Access-Control-Allow-Origin: *');
Dadurch können Domänenanfragen auf Ihre API zugreifen.
Fehlerbehandlung : Stellen Sie beim Umgang mit JSON-Antworten sicher, dass das Front-End die zurückgegebenen Fehlerinformationen korrekt verarbeiten kann, z. B. wenn der HTTP-Statuscode nicht 200 ist.
Durch das Einstellen des richtigen Antwortheaders und die Verwendung von AJAX können wir JSON -Daten zwischen den Enden vorne und hinten effizient übergeben.
