Bagaimana untuk menghantar array ke js dalam php

Pengiriman data antara PHP dan JavaScript ialah topik penting dalam pembangunan web, yang melibatkan pelbagai kaedah berbeza, tetapi menghantar tatasusunan masih menjadi isu penting, memandangkan kedua-dua PHP dan JS mempunyai struktur data dan ciri bahasa yang berbeza, isu ini boleh menjadi rumit. Walau bagaimanapun, menggunakan beberapa helah yang mudah dan berkesan, anda boleh dengan mudah menghantar tatasusunan antara PHP dan JS. Dalam artikel ini, saya akan memperkenalkan anda kepada beberapa teknik untuk menghantar tatasusunan daripada PHP ke JS, saya harap ia akan membantu anda.

Kaedah 1: Gunakan json_encode()

JSON ialah format data ringan yang digunakan secara meluas untuk penghantaran data antara aplikasi web. PHP menyediakan fungsi terbina dalam yang dipanggil json_encode(), yang boleh mensiri tatasusunan PHP ke dalam format JSON dan kemudian menghantarnya kepada JS. Format JSON sangat mudah untuk dihuraikan dan dijana kerana ia adalah teks biasa dan tidak memerlukan sebarang tempat tertentu. Di bawah ialah skrip PHP mudah yang menggunakan kaedah json_encode() untuk menukar tatasusunan kepada format JSON:

<?php
    $arr = array("apple", "banana", "orange");
    $json = json_encode($arr);
    echo $json;
?>

Ini akan mengeluarkan rentetan yang serupa dengan:

["apple","banana","orange"]

Sekarang, anda boleh menggunakan penghurai JSON terbina dalam JavaScript (JSON.parse()) untuk menghuraikan rentetan ke dalam tatasusunan JS:

<script>
    var jsArray = JSON.parse('<?php echo $json; ?>');
</script>

Kaedah 2: Gunakan Ajax

Ajax (JavaScript Asynchronous dan XML ) ialah teknologi JavaScript dan XML tak segerak yang membolehkan anda menghantar permintaan tak segerak kepada pelayan untuk mendapatkan data tanpa perlu memuat semula keseluruhan halaman. Apabila menggunakan Ajax, anda boleh mengeksport data tatasusunan yang diproses oleh PHP ke dalam data format XML dan menghantarnya kepada JS melalui Ajax.

Pertama, anda perlu menggunakan PHP untuk menukar tatasusunan kepada rentetan format XML dan kemudian mengembalikannya kepada permintaan Ajax:

<?php
    $arr = array("apple", "banana", "orange");

    $xml = new SimpleXMLElement('<root/>');
    array_walk_recursive($arr, array ($xml, 'addChild'));
    echo $xml->asXML();
?>

Dalam JS, anda perlu menggunakan Ajax ( XMLHttpRequest object ) untuk mendapatkan data dalam format XML:

<script>
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            var xmlDoc = this.responseXML;
            var jsArray = Array.from(xmlDoc.getElementsByTagName("root")[0].childNodes).map(function(node){return node.firstChild.nodeValue;});
        }
    };
    xhttp.open("GET", "array_to_xml.php", true);
    xhttp.send();
</script>

Kaedah 3: Gunakan medan tersembunyi

Teknik ini adalah untuk menghantar data tatasusunan PHP ke halaman HTML, dan kemudian menggunakan medan tersembunyi untuk dapatkannya dalam data JS. Elemen borang HTML (contohnya, elemen input) semuanya mempunyai atribut nilai yang dipanggil, yang membolehkan anda menghantar nilai kepada pelayan apabila borang diserahkan. Begitu juga, anda boleh menghantar data tatasusunan ke dalam medan tersembunyi pada halaman HTML dan mendapatkannya melalui JS. Berikut ialah satu cara untuk menggunakan medan tersembunyi:

<?php
    $arr = array("apple", "banana", "orange");
?>
<input type="hidden" id="php_array" value="<?php echo implode(",", $arr); ?>">
<script>
    var jsArr = document.getElementById("php_array").value.split(",");
</script>

Dalam contoh ini, kod PHP memisahkan nilai dalam tatasusunan dengan koma dan kemudian menggunakannya sebagai nilai medan tersembunyi. Dalam JS anda boleh menggunakan atribut nilai untuk mengekstrak nilai dan mengumpulkannya ke dalam tatasusunan.

Kaedah 4: Gunakan pembolehubah JavaScript

Kaedah ini adalah untuk menghantar data tatasusunan PHP kepada kod JavaScript dan menggunakan pembolehubah JavaScript untuk menyimpan data tatasusunan. PHP menulis data tatasusunan sebagai rentetan kod JS dan kemudian mengeluarkannya ke penyemak imbas. JS boleh menggunakan rentetan untuk menjana tatasusunan. Berikut ialah contoh penggunaan pembolehubah JavaScript:

<?php
    $arr = array("apple", "banana", "orange");
    $js_array = json_encode($arr);
?>
<script>
    var jsArr = <?php echo $js_array; ?>;
</script>

Dalam contoh ini, PHP menggunakan kaedah json_encode() untuk menukar tatasusunan kepada format JSON dan kemudian menulisnya sebagai rentetan kod JS. Kod JS boleh terus menggunakan pembolehubah jsArr untuk mendapatkan data tatasusunan.

Dalam artikel ini, kami memperkenalkan secara ringkas cara PHP menghantar tatasusunan kepada JS. Anda boleh menggunakan pelbagai teknik untuk menghantar data daripada PHP ke JS, tetapi salah satu kaedah yang paling popular dan praktikal ialah menggunakan Notasi Objek JavaScript JSON. JSON membolehkan anda menukar tatasusunan PHP kepada tatasusunan JS dengan mudah dan membantu anda mencapai pemindahan data yang lancar antara PHP dan JS.

Atas ialah kandungan terperinci Bagaimana untuk menghantar array ke js dalam php. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!