Bagaimana untuk menghantar array php ke js

Memandangkan trend pemisahan bahagian hadapan dan bahagian belakang terus bertambah kukuh, terdapat lebih banyak kes di mana bahagian hadapan perlu berinteraksi dengan data bahagian belakang. Dalam kes ini, bahagian hadapan perlu boleh mendapatkan data yang diproses oleh bahagian belakang, yang biasanya mengembalikan data dalam bentuk tatasusunan. Oleh itu, cara untuk menghantar tatasusunan PHP ke JS telah menjadi isu yang sangat penting.

Artikel ini akan memperkenalkan beberapa kaedah biasa untuk menghantar tatasusunan PHP, supaya pembaca boleh mendapatkan dan memproses data yang dikembalikan oleh bahagian belakang dengan lebih mudah apabila berinteraksi dengan data bahagian hadapan dan belakang. Kaedah khusus adalah seperti berikut:

Kaedah 1: Gunakan JSON

Pada masa ini, penyelesaian yang paling biasa untuk interaksi data bahagian hadapan dan bahagian belakang ialah menggunakan JSON. JSON (JavaScript Object Notation) ialah format pertukaran data ringan yang mudah dibaca dan ditulis, serta mudah dihuraikan dan dijana oleh mesin, menjadikannya sangat sesuai untuk pertukaran data. PHP mempunyai fungsi terbina dalam json_encode() yang boleh menukar tatasusunan PHP ke dalam format JSON, kemudian memindahkannya ke bahagian hadapan menggunakan teknologi AJAX, dan kemudian menggunakan JSON.parse() untuk menukarnya menjadi objek yang JavaScript boleh memanipulasi secara langsung .

Gunakan kod PHP untuk menukar tatasusunan kepada JSON:

$myArray = array("name" => "Tom", "age" => "18", "gender" => "male");
$json = json_encode($myArray);

Gunakan AJAX di bahagian hadapan untuk mendapatkan data JSON:

var request = new XMLHttpRequest();
request.open('GET', 'my_array.php', true);

request.onload = function() {
  if (request.status >= 200 && request.status < 400) {
    var data = JSON.parse(request.responseText);
    console.log(data);
  } else {
    console.log("Error!");
  }
};

request.send();

Dalam kod di atas, kami menggunakan XMLHttpRequest objek untuk meminta data daripada pelayan , dan gunakan kaedah JSON.parse() untuk menukar rentetan format JSON yang diperolehi kepada objek JavaScript.

Kaedah 2: Gunakan serialize() dan unserialize()

Jika kita tidak perlu mempertimbangkan struktur data semasa menghantar data, maka fungsi serialize() dan unserialize() akan menjadi satu Bukan pilihan yang buruk.

Fungsi serialize() menyerikan pembolehubah menjadi rentetan, dan fungsi unserialize() boleh memulihkan rentetan kepada jenis data asal. Dalam PHP, kita boleh menggunakan serialize() untuk mensirikan tatasusunan ke dalam rentetan, kemudian gunakan AJAX untuk mendapatkan data dan kemudian menyahsirikannya.

Gunakan kod PHP untuk menyerikan tatasusunan:

$myArray = array("name" => "Tom", "age" => "18", "gender" => "male");
$serializedData = serialize($myArray);

Gunakan AJAX di bahagian hadapan untuk mendapatkan rentetan bersiri:

var request = new XMLHttpRequest();
request.open('GET', 'my_array.php', true);

request.onload = function() {
  if (request.status >= 200 && request.status < 400) {
    var data = request.responseText;
    console.log(data);
  } else {
    console.log("Error!");
  }
};

request.send();

Seterusnya, kita boleh menggunakan kaedah unserialize() kepada Ia dinyahsiri menjadi objek PHP:

$unserializedData = unserialize($serializedData);
print_r($unserializedData);

Kaedah 3: Gunakan atribut HTML5 data-*

Jika kita hanya perlu menghantar beberapa data mudah dan tidak perlu menggunakan permintaan AJAX, maka kita boleh tatasusunan PHP dihantar ke hujung hadapan melalui atribut data HTML5-. Atribut data- ialah atribut tersuai yang boleh digunakan untuk menyimpan data tersuai elemen halaman untuk melaksanakan pengikatan data pada bahagian hadapan. Mula-mula kita boleh mentakrifkan atribut data-* pada elemen HTML, kemudian menukar data kepada rentetan format JSON dalam PHP, dan akhirnya menggunakan PHP untuk mengeluarkannya ke halaman.

Gunakan kod PHP untuk menukar tatasusunan kepada JSON dan mengeluarkannya kepada atribut data-*:

$myArray = array("name" => "Tom", "age" => "18", "gender" => "male");
$json = json_encode($myArray);

echo '
This is my div
';

Seterusnya, kita boleh mendapatkan elemen ini melalui JavaScript dan menghuraikan atribut data-json menjadi Objek JavaScript :

var myDiv = document.getElementById("myDiv");
var jsonData = JSON.parse(myDiv.dataset.json);
console.log(jsonData);

Kaedah 4: Gunakan AjaxTransport

Kadangkala, apabila kita berinteraksi dengan data bahagian hadapan dan bahagian belakang, kita perlu menyesuaikan beberapa parameter untuk memudahkan pemprosesan bahagian belakang. Dalam kes ini, anda boleh menggunakan AjaxTransport dalam jQuery. AjaxTransport membolehkan kami melakukan beberapa operasi tersuai sebelum menghantar permintaan AJAX, seperti menambah parameter tersuai dalam pengepala permintaan untuk memudahkan pemprosesan bahagian belakang tatasusunan PHP.

Gunakan kod PHP untuk menukar tatasusunan kepada JSON:

$myArray = array("name" => "Tom", "age" => "18", "gender" => "male");
$json = json_encode($myArray);

Apabila pengguna menghantar permintaan AJAX, kami boleh menambah data JSON ini pada pengepala permintaan:

$.ajaxTransport("+json", function(options, originalOptions, xhr) {
  xhr.setRequestHeader("X-JSON", json);
});

Dalam bahagian belakang Dalam PHP, kita boleh mendapatkan tatasusunan PHP berdasarkan parameter tersuai yang ditambahkan dalam pengepala permintaan:

Ringkasnya, kita boleh menggunakan pelbagai kaedah untuk memindahkan tatasusunan PHP ke JavaScript, yang sepatutnya berdasarkan situasi tertentu Pilih pilihan yang paling sesuai. Secara keseluruhannya, menguasai kaedah ini membolehkan pembangun berinteraksi dengan data bahagian hadapan dan belakang dengan lebih fleksibel dan meningkatkan kecekapan pembangunan.

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