Bagaimana untuk menghantar tatasusunan kepada JS menggunakan PHP dan memproses data

Apabila membangunkan aplikasi web baru-baru ini, pemindahan data antara PHP dan JS sering terlibat, terutamanya pemindahan struktur data yang kompleks seperti tatasusunan. Artikel ini terutamanya memperkenalkan cara menggunakan PHP untuk menghantar tatasusunan kepada JS dan menggunakan data ini dalam JS.

1. Tukar tatasusunan PHP kepada format JSON

Dalam PHP, kami boleh terus menggunakan tatasusunan untuk menyimpan data. Tetapi dalam JS, tatasusunan biasanya diwakili dalam format JSON (JavaScript Object Notation). JSON ialah format pertukaran data ringan yang mudah difahami dan diproses. Jadi sebelum menghantar tatasusunan PHP kepada JS, kita perlu menukar tatasusunan kepada format JSON.

PHP menyediakan fungsi terbina dalam json_encode() yang boleh menukar tatasusunan PHP kepada format JSON. Kod sampel adalah seperti berikut:

<?php
$array = array(
    &#39;name&#39; => '张三',
    'age' => 25,
    'interests' => array('篮球', '游泳', '音乐')
);
$json = json_encode($array);
echo $json;
?>

Dalam kod di atas, kami mentakrifkan tatasusunan bersekutu $array, menukarnya kepada format JSON dan menggunakan pernyataan gema untuk mengeluarkan JSON ke skrin. Hasil keluaran adalah seperti berikut:

{"name":"张三","age":25,"interests":["篮球","游泳","音乐"]}

2. Menghuraikan data JSON dalam JS

Dalam JS, kita boleh menggunakan objek JSON terbina dalam untuk menghuraikan data JSON. Terdapat dua kaedah utama dalam objek JSON: parse() dan stringify(). Antaranya, kaedah parse() digunakan untuk menghuraikan rentetan JSON dan menukarnya kepada objek atau tatasusunan JS dan kaedah stringify() digunakan untuk menukar objek atau tatasusunan JS kepada rentetan JSON.

Berikut ialah contoh kod yang menggunakan kaedah JSON.parse() untuk menghuraikan output data JSON dalam bahagian sebelumnya:

var json = '{"name":"张三","age":25,"interests":["篮球","游泳","音乐"]}';
var obj = JSON.parse(json);
console.log(obj.name);          //输出：张三
console.log(obj.age);           //输出：25
console.log(obj.interests[0]);  //输出：篮球

Dalam kod di atas, kami mentakrifkan JSON aksara String json dan menghuraikannya ke dalam objek JS menggunakan kaedah JSON.parse(). Kemudian, kita boleh mendapatkan data dalam tatasusunan dengan mengakses sifat obj.

Perlu diambil perhatian bahawa jika format rentetan JSON tidak betul, kaedah parse() akan membuang pengecualian.

3. Hantar data JSON ke JS

Kini, kita sudah tahu cara menukar tatasusunan kepada format JSON dalam PHP dan menghuraikan data JSON dalam JS. Seterusnya, mari kita lihat cara menghantar data JSON ke JS.

Terdapat dua cara biasa untuk menghantar data JSON kepada JS: secara langsung menggunakan rentetan JSON sebagai pembolehubah JS, atau menggunakan teknologi AJAX untuk mendapatkan data JSON daripada pelayan.

1. Menggunakan rentetan JSON sebagai pembolehubah JS

Kaedah ini sesuai untuk situasi di mana kita sudah mempunyai rentetan JSON. Kita boleh menggunakan rentetan JSON secara langsung sebagai pembolehubah JS.

Berikut ialah contoh kod untuk menggunakan rentetan JSON sebagai pembolehubah JS:

<?php
$array = array(
    &#39;name&#39; => '张三',
    'age' => 25,
    'interests' => array('篮球', '游泳', '音乐')
);
$json = json_encode($array);
?>
<script type="text/javascript">
var json = '<?php echo $json; ?>';
var obj = JSON.parse(json);
console.log(obj.name);          //输出：张三
console.log(obj.age);           //输出：25
console.log(obj.interests[0]);  //输出：篮球
</script>

Dalam kod di atas, kami menghasilkan rentetan JSON dalam kod PHP dan Diluluskan kepada JavaScript pembolehubah json. Kemudian kami menggunakan kaedah JSON.parse() untuk menghuraikan rentetan json dan mendapatkan data dalam tatasusunan dengan mengakses sifat obj.

Perlu diambil perhatian bahawa jika rentetan JSON mengandungi aksara khas, seperti petikan tunggal, petikan berganda, dsb., ia boleh menyebabkan ralat kod JS. Untuk mengelakkan ini, kita perlu menggunakan aksara melarikan diri dalam rentetan JSON.

2. Gunakan AJAX untuk mendapatkan data JSON

Jika data JSON perlu diperoleh secara dinamik daripada pelayan, kami boleh menggunakan teknologi AJAX (Asynchronous JavaScript and XML). AJAX boleh menghantar permintaan kepada pelayan dan mendapatkan data tanpa memuat semula halaman, dan kemudian memaparkan data pada halaman.

Berikut ialah contoh kod yang menggunakan AJAX untuk mendapatkan data JSON:

<?php
$array = array(
    &#39;name&#39; => '张三',
    'age' => 25,
    'interests' => array('篮球', '游泳', '音乐')
);
$json = json_encode($array);
?>
<script type="text/javascript">
//创建XMLHttpRequest对象
var xhr;
if(window.XMLHttpRequest) {
    xhr = new XMLHttpRequest();  //IE7+、Firefox、Chrome、Opera、Safari
} else {
    xhr = new ActiveXObject("Microsoft.XMLHTTP");  //IE6、IE5
}

//发送AJAX请求
xhr.open('GET', 'get_json.php');
xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
        var json = xhr.responseText;
        var obj = JSON.parse(json);
        console.log(obj.name);          //输出：张三
        console.log(obj.age);           //输出：25
        console.log(obj.interests[0]);  //输出：篮球
    }
}
xhr.send();
</script>

Dalam kod di atas, kami mencipta permintaan AJAX menggunakan objek XMLHttpRequest. Kemudian, kami membuka sambungan permintaan dengan memanggil kaedah open(), tetapkan kaedah permintaan kepada GET dan tetapkan URL yang diminta kepada get_json.php. Seterusnya, kami menyediakan fungsi pengendalian acara onreadystatechange untuk memproses data yang dikembalikan apabila status permintaan AJAX berubah. Akhirnya, kami menghantar permintaan AJAX dengan memanggil kaedah send().

Perlu diambil perhatian bahawa apabila menggunakan permintaan AJAX, kami perlu memastikan bahawa URL yang diminta adalah betul dan pelayan boleh menghuraikan parameter permintaan dan mengembalikan data dengan betul dalam format JSON.

4. Ringkasan

Dalam pembangunan aplikasi web, kita selalunya perlu menghantar struktur data yang kompleks (seperti tatasusunan) daripada PHP ke JS. Untuk mencapai matlamat ini, kita boleh menukar tatasusunan PHP kepada format JSON dan kemudian menghuraikan data JSON dalam JS. Di sini kami memperkenalkan dua kaedah untuk menghantar data JSON: menggunakan rentetan JSON secara langsung sebagai pembolehubah JS, atau menggunakan teknologi AJAX untuk mendapatkan data JSON daripada pelayan. Dalam pembangunan sebenar, kita harus memilih kaedah yang sesuai mengikut situasi tertentu untuk mencapai penghantaran data yang cekap.

Atas ialah kandungan terperinci Bagaimana untuk menghantar tatasusunan kepada JS menggunakan PHP dan memproses data. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!