Bagaimana untuk mendapatkan tatasusunan PHP dalam JavaScript

Dalam dunia hari ini di mana bahagian hadapan dan bahagian belakang dipisahkan, JavaScript dan PHP sering digunakan untuk membina aplikasi web. Antaranya, JavaScript mengendalikan logik interaktif pada bahagian pelayar, manakala PHP, sebagai bahasa bahagian pelayan, bertanggungjawab untuk pemprosesan data. Semasa proses pemindahan data, selalunya perlu untuk menghantar tatasusunan PHP kepada JavaScript.

Jadi, bagaimana anda mendapatkan tatasusunan PHP dalam JavaScript? Di bawah, mari kita perkenalkan beberapa kaedah secara terperinci.

1. Pemformatan JSON

Kaedah yang paling biasa ialah menukar tatasusunan PHP kepada format JSON dan menghuraikannya dalam JavaScript. PHP menyediakan fungsi json_encode() untuk menukar tatasusunan PHP kepada format JSON. Fungsi ini menerima tatasusunan PHP yang perlu ditukar sebagai parameter dan mengembalikan rentetan dalam format JSON.

Sebagai contoh, tatasusunan PHP adalah seperti berikut:

$phpArray = array(
    "name" => "张三",
    "age" => 18,
    "gender" => "男"
);

Tukar tatasusunan kepada rentetan dalam format JSON:

$jsonStr = json_encode($phpArray);

Pada masa ini, yang diperolehi $jsonStr aksara Rentetan adalah seperti berikut:

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

Seterusnya, gunakan fungsi JSON.parse() dalam JavaScript untuk menghuraikan untuk mendapatkan objek JavaScript:

var jsObject = JSON.parse('<?php echo $jsonStr ?>');
console.log(jsObject.name); //输出：张三

Perlu diperhatikan bahawa jika terdapat aksara Cina perlu ditukar dengan betul dengan menetapkan parameter json_encode() dalam fungsi JSON_UNESCAPED_UNICODE.

2. Gunakan Ajax untuk mendapatkan data secara tak segerak

Kaedah lain ialah menggunakan permintaan tak segerak Ajax untuk mendapatkan data. jQuery menyediakan fungsi $.ajax(), yang boleh digunakan untuk menghantar permintaan tak segerak untuk mendapatkan data tatasusunan PHP.

Pertama, dalam PHP, gunakan fungsi json_encode() untuk menukar tatasusunan yang akan dihantar kepada rentetan format JSON dan gunakan echo untuk mengeluarkan:

$phpArray = array(
    "name" => "张三",
    "age" => 18,
    "gender" => "男"
);
$jsonStr = json_encode($phpArray);
echo $jsonStr;

Seterusnya, Hantar permintaan tak segerak dalam JavaScript dan dapatkan data yang diluluskan oleh PHP:

$.ajax({
    type: "GET", //请求方式
    url: "test.php", //请求地址
    dataType: "json", //返回数据格式
    success: function(data) {
        console.log(data.name); //输出：张三
    }
});

Antaranya, parameter dataType menentukan format data respons dan parameter success ialah fungsi panggil balik kejayaan permintaan .

Perlu diambil perhatian bahawa apabila menukar tatasusunan PHP kepada rentetan format JSON, pastikan rentetan itu mematuhi spesifikasi format JSON, jika tidak, mendapatkan data melalui Ajax mungkin gagal.

3. Gunakan kaedah Elemen Tersembunyi

Kaedah lain ialah menggunakan elemen tersembunyi untuk menyimpan data tatasusunan PHP dalam halaman dan mendapatkan nilai elemen dalam JavaScript.

Sebagai contoh, dalam PHP anda mempunyai tatasusunan berikut:

$phpArray = array(
    "name" => "张三",
    "age" => 18,
    "gender" => "男"
);

Anda boleh menukar tatasusunan ini kepada rentetan format JSON dan menyimpannya dalam elemen tersembunyi:

<input type="hidden" id="phpArray" value=&#39;<?php echo json_encode($phpArray); ?>'>

Seterusnya, dapatkan nilai elemen tersembunyi ini dalam JavaScript dan tukarkannya menjadi objek JavaScript:

var jsonStr = $("#phpArray").val();
var jsObject = JSON.parse(jsonStr);
console.log(jsObject.name); //输出：张三

Perlu diambil perhatian bahawa apabila menukar rentetan format JSON, ia perlu disertakan dalam petikan tandakan supaya ia disimpan dengan betul dalam elemen tersembunyi. Apabila mendapat nilai elemen tersembunyi dalam JavaScript, anda perlu menggunakan kaedah val() jQuery.

Kesimpulan

Dalam dunia hari ini di mana bahagian hadapan dan bahagian belakang dipisahkan, JavaScript dan PHP, sebagai bahasa bahagian hadapan dan bahagian belakang web, sering memerlukan pemindahan data. Dengan menggunakan pemformatan JSON, Ajax untuk mendapatkan data secara tidak segerak, dan menggunakan kaedah elemen Tersembunyi, anda boleh berjaya memperoleh, memaparkan dan mengendalikan data tatasusunan PHP dalam JavaScript.

Dalam aplikasi praktikal, adalah perlu untuk memilih kaedah yang sesuai mengikut senario tertentu, dan memastikan bahawa data diproses dan disahkan dalam format yang betul semasa proses pemindahan data untuk memastikan kestabilan dan keselamatan program.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan tatasusunan PHP dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!