So fügen Sie ein PHP-Array in ein JS-Array ein

Im Front-End-Entwicklungsprozess ist es häufig erforderlich, die vom Back-End zurückgegebenen Daten in die Webseite zu rendern, und die Back-End-Daten werden normalerweise in Form eines Arrays übergeben. In diesem Fall müssen wir das Array in PHP in ein JS-Array konvertieren. In diesem Artikel wird beschrieben, wie diese Funktionalität implementiert wird.

1. Verwenden Sie die Funktion json_encode()

Die Funktion json_encode() in PHP kann ein PHP-Array in einen JSON-String konvertieren. JSON ist ein leichtes Datenaustauschformat mit guter Lesbarkeit und einfacher Analyse, sodass wir JSON-Strings verwenden können, um PHP-Arrays in JS-Arrays zu konvertieren.

Das Folgende ist ein Beispiel. Wir definieren zunächst ein Array in PHP und konvertieren es mit der Funktion json_encode() in einen JSON-String:

Dann verwenden wir das -Tag, um dieses JSON-Zeichen im HTML zu referenzieren Dateizeichenfolge:

var js_data = ; Auf diese Weise können wir das PHP-Array in ein JS-Array konvertieren. Es ist zu beachten, dass diese Methode nur für PHP-Arrays geeignet ist, die relativ einfache Werte wie Zeichenfolgen, Zahlen usw. enthalten. Wenn das Array komplexe Strukturen wie Objekte enthält, müssen Sie eine komplexere Methode verwenden.

2. Ajax-Anfragen verwenden

Ajax ist eine Technologie, die asynchrone Anfragen senden kann. Sie kann verwendet werden, um Daten vom Backend abzurufen, ohne die Seite zu aktualisieren. Wenn wir eine Ajax-Anfrage verwenden, müssen wir das PHP-Array in das JSON-Format konvertieren und die JSON-Daten mithilfe einer Ajax-Anfrage an das Frontend senden.

Das Folgende ist ein Beispiel. Wir definieren zunächst ein Array in einer PHP-Datei, konvertieren es in das JSON-Format und senden dann die JSON-Daten über eine Ajax-Anfrage an das Frontend:

<?php $data = array('apple', 'orange', 'banana'); $json_data = json_encode($data);

echo $json_data; ?> Als nächstes verwenden wir eine Ajax-Anfrage im JS-Datei, von Holen Sie sich JSON-Daten aus der PHP-Datei und konvertieren Sie sie in ein JS-Array:

$.ajax({ url: 'data.php', dataType: 'json', success: function(data) { var js_data = data; } }); Auf diese Weise können wir das PHP-Array durch eine Ajax-Anfrage in ein JS-Array konvertieren.

3. Verwenden Sie versteckte Elemente, um Daten zu übergeben.

In einigen Fällen können wir versteckte Elemente verwenden, um Daten zu speichern und die Daten bei Bedarf über JS abzurufen und zu analysieren. Diese Methode eignet sich für Situationen, in denen die Datenmenge relativ gering ist.

Hier ist ein Beispiel: Wir definieren ein Array in PHP, konvertieren es in das JSON-Format und speichern dann den JSON-String in einem versteckten -Tag:

"> Als nächstes holen wir ihn in die JS-Datei ;-Tag und analysiert seinen Wert in ein JS-Array:

var php_data = $('#php_data').val(); var js_data = JSON.parse(php_data); Auf diese Weise können wir das PHP-Array im versteckten Element speichern und dann die Daten über JS abrufen und analysieren, um das PHP-Array in ein JS-Array zu konvertieren.

Zusammenfassung

In diesem Artikel werden drei Methoden zum Konvertieren von PHP-Arrays in JS-Arrays vorgestellt, nämlich die Verwendung der Funktion json_encode(), die Verwendung von Ajax-Anfragen und die Verwendung versteckter Elemente zur Übergabe von Daten. Diese Methoden haben ihre Anwendungsszenarien in der Front-End-Entwicklung, und Entwickler müssen die entsprechende Methode entsprechend der spezifischen Situation auswählen.