So erhalten Sie von PHP zurückgegebene Array-Daten in JavaScript

Bei der Front-End-Entwicklung müssen wir normalerweise Daten vom Back-End abrufen und verarbeiten. Wir entscheiden uns häufig für die Verwendung von PHP als Back-End-Sprache, da PHP problemlos Array-Daten generieren kann und diese Array-Daten dies normalerweise tun müssen über JavaScript auf der Frontend-Seite verwendet werden. Als nächstes stellen wir im Detail vor, wie man die von PHP zurückgegebenen Array-Daten in JavaScript erhält.

1. Array über PHP in das JSON-Format konvertieren

In PHP können wir die Funktion json_encode() verwenden, um das Array in Daten im JSON-Format zu konvertieren, zum Beispiel:

<?php
   $arr = array(&#39;name&#39;=>'张三','age'=>18);
   echo json_encode($arr);
?>

Der obige Code konvertiert das Array $arr in das JSON-Format Daten und Ausgabe lauten die Ausgabeergebnisse wie folgt:

{"name":"张三","age":18}

2. Verwenden Sie die asynchrone Ajax-Anfrage in JavaScript, um die von PHP zurückgegebenen Daten im JSON-Format abzurufen.

Sie können die asynchrone Ajax-Anfrage in JavaScript verwenden, um die von PHP zurückgegebenen Daten im JSON-Format abzurufen , zum Beispiel:

var xhr = new XMLHttpRequest(); //创建XMLHttpRequest对象
xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
        var data = JSON.parse(xhr.responseText); //将JSON格式数据转换为JavaScript对象且存储在变量data中
        console.log(data.name); //打印出name属性值"张三"
        console.log(data.age); //打印出age属性值18
    }
}
xhr.open('GET', 'test.php', true); //设置请求方式、请求地址、异步标识
xhr.send(); //发送请求

Der obige Code Ein XMLHttpRequest-Objekt wird erstellt, die Anforderungsmethode, die Anforderungsadresse und die asynchrone Kennung des Objekts werden festgelegt und die Anforderung wird über die send()-Methode gesendet. Wenn der Status der Anfrage „Abgeschlossen“ ist und der Anfragestatuscode 200 ist, wurde die Antwort erfolgreich zurückgegeben und der Antwortinhalt wird im Attribut xhr.responseText gespeichert. Konvertieren Sie als Nächstes die Daten im JSON-Format in ein JavaScript-Objekt und speichern Sie sie in den variablen Daten, sodass wir die von PHP zurückgegebenen Array-Daten durch Zugriff auf die Eigenschaften des Datenobjekts erhalten können.

3. Verwenden Sie die $.ajax()-Methode von jQuery in JavaScript, um die von PHP zurückgegebenen Daten im JSON-Format abzurufen.

Die $.ajax()-Methode von jQuery wird durch Kapselung von Ajax-Anfragen implementiert, was uns dabei helfen kann, asynchrone Aufgaben bequemer zu erledigen. zum Beispiel:

$.ajax({
    type: "GET",
    url: "test.php",
    success: function(data) {
        console.log(data.name); //打印出name属性值"张三"
        console.log(data.age); //打印出age属性值18
    },
    dataType: "json"
});

Der obige Code verwendet die Methode $.ajax(), um eine GET-Anfrage zu senden, und legt die Anfrageadresse und den Antwortdatentyp auf das JSON-Format fest. Wenn die Antwort erfolgreich zurückgegeben wird, konvertiert die Erfolgsfunktion dieser Methode die Daten im JSON-Format in JavaScript-Objektdaten und gibt die Attributwerte aus.

Zusammenfassend können wir mit den oben genannten drei Methoden problemlos die von PHP in JavaScript zurückgegebenen Array-Daten abrufen. Unabhängig davon, ob wir natives Ajax oder die $.ajax()-Methode von jQuery verwenden, können wir die von PHP zurückgegebenen Daten im JSON-Format erhalten, indem wir die Anforderungsmethode, die Anforderungsadresse, die asynchrone Kennung und den Datentyp richtig festlegen und sie schließlich in JavaScript-Objekte konvertieren, die verarbeitet werden.

Das obige ist der detaillierte Inhalt vonSo erhalten Sie von PHP zurückgegebene Array-Daten in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!