Bagaimana untuk mendapatkan data tatasusunan yang dikembalikan oleh PHP dalam JavaScript

PHPz
Lepaskan: 2023-04-19 09:34:56
asal
887 orang telah melayarinya

Dalam pembangunan bahagian hadapan, kami biasanya perlu mendapatkan data dari bahagian belakang dan memprosesnya Kami sering memilih untuk menggunakan PHP sebagai bahasa bahagian belakang kerana PHP boleh menjana data tatasusunan dengan mudah, dan data tatasusunan ini biasanya diperlukan untuk dipaparkan di halaman hadapan melalui penggunaan JavaScript. Seterusnya, kami akan memperkenalkan secara terperinci cara mendapatkan data tatasusunan yang dikembalikan oleh PHP dalam JavaScript.

  1. Tukar tatasusunan kepada format JSON melalui PHP

Dalam PHP, kita boleh menggunakan fungsi json_encode() untuk menukar tatasusunan kepada data format JSON, contohnya:

<?php
   $arr = array(&#39;name&#39;=>'张三','age'=>18);
   echo json_encode($arr);
?>
Salin selepas log masuk

Kod di atas menukar tatasusunan $arr ke dalam data format JSON dan mengeluarkannya Hasil output adalah seperti berikut:

{"name":"张三","age":18}
Salin selepas log masuk
  1. Gunakan permintaan tak segerak Ajax dalam JavaScript untuk. dapatkan data format JSON yang dikembalikan oleh PHP

Dalam JavaScript, anda boleh menggunakan permintaan tak segerak Ajax untuk mendapatkan data format JSON yang dikembalikan oleh PHP, contohnya:

var xhr = new XMLHttpRequest(); //创建XMLHttpRequest对象
xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
        var data = JSON.parse(xhr.responseText); //将JSON格式数据转换为JavaScript对象且存储在变量data中
        console.log(data.name); //打印出name属性值"张三"
        console.log(data.age); //打印出age属性值18
    }
}
xhr.open('GET', 'test.php', true); //设置请求方式、请求地址、异步标识
xhr.send(); //发送请求
Salin selepas log masuk

Perkara di atas kod mencipta objek XMLHttpRequest dan menetapkan permintaan untuk kaedah objek, alamat permintaan dan pengecam tak segerak, dan menghantar permintaan melalui kaedah send(). Apabila status permintaan adalah "Selesai" dan kod status permintaan ialah 200, respons telah berjaya dikembalikan dan kandungan respons disimpan dalam atribut xhr.responseText. Seterusnya, tukarkan data format JSON kepada objek JavaScript dan simpannya dalam data pembolehubah, supaya kita boleh mendapatkan data tatasusunan yang dikembalikan oleh PHP dengan mengakses sifat objek data.

  1. Gunakan kaedah $.ajax() jQuery dalam JavaScript untuk mendapatkan data format JSON yang dikembalikan oleh PHP

kaedah $.ajax() jQuery merangkum pelaksanaan Permintaan Ajax boleh membantu kami menyelesaikan permintaan tak segerak dengan lebih mudah, contohnya:

$.ajax({
    type: "GET",
    url: "test.php",
    success: function(data) {
        console.log(data.name); //打印出name属性值"张三"
        console.log(data.age); //打印出age属性值18
    },
    dataType: "json"
});
Salin selepas log masuk

Kod di atas menggunakan kaedah $.ajax() untuk menghantar permintaan GET dan menetapkan alamat permintaan dan jenis data respons kepada format JSON. Apabila respons berjaya dikembalikan, fungsi kejayaan kaedah ini menukar data format JSON kepada data objek JavaScript dan mencetak nilai atribut.

Ringkasnya, melalui tiga kaedah di atas, kita boleh mendapatkan data tatasusunan yang dikembalikan oleh PHP dalam JavaScript dengan mudah. Sama ada menggunakan kaedah Ajax asli atau $.ajax() jQuery, kami boleh mendapatkan data format JSON yang dikembalikan oleh PHP dengan menetapkan kaedah permintaan, alamat permintaan, pengecam tak segerak dan jenis data dengan betul, dan akhirnya menukarnya kepada objek JavaScript diproses.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan