Membaca variabel javascript di php

Hari ini, Kami ingin berbagi dengan Anda cara mendapatkan nilai variabel javascript di php di halaman yang sama. Dalam posting ini kami akan menunjukkan kepada Anda meneruskan variabel javascript ke php halaman yang sama ajax, dengar untuk meneruskan variabel javascript ke php di halaman yang sama kami akan memberi Anda demo dan contoh untuk diterapkan. Dalam posting ini, kita akan belajar tentang cara meneruskan nilai dari satu halaman ke halaman lain di php dengan sebuah contoh

bagaimana cara menyimpan nilai javascript dalam variabel php?

Isi

Baca Juga Ini 👉   Bagaimana cara meneruskan variabel dan data dari PHP ke JavaScript?

Anda tidak bisa mendapatkan variabel js secara langsung dalam kode server PHP, Anda harus membuat permintaan HTTP PHP dengan data [Seperti sebagai $ Anda. permintaan ajax[] di atas] setelah itu gunakan $_POST atau $_GET di PHP untuk mengambil nilainya

Saat Anda memiliki variabel PHP pada halaman yang sama dengan kode JavaScript, Anda dapat menggunakan echo untuk meneruskan variabel dari PHP ke JavaScript secara langsung

Misalkan Anda memiliki file index.php dengan konten berikut

Passing PHP variable to JavaScript


    const data = "";
    const result = document.getElementById["result"];
    result.innerText = data;

Saat Anda menjalankan kode di atas, nilai variabel

    const data = "";





    const data = ;

_0 akan diteruskan ke variabel

    const data = "";





    const data = ;

1 di JavaScript

Untuk menunjukkan bahwa berfungsi, nilai

    const data = "";





    const data = ;

_1 kemudian ditetapkan sebagai konten tag

    const data = "";





    const data = ;

3. Browser membuat output berikut

Variabel gema PHP dalam JavaScript

Dengan fungsi echo, Anda dapat menampilkan string dengan menambahkan simbol kutipan [tunggal atau ganda] sebelum tag

    const data = "";





    const data = ;

5 di atas

Jika Anda mengirimkan nilai

    const data = "";





    const data = ;

_6, Anda tidak memerlukan simbol kutipan

    const data = "";





    const data = ;

_

Saat Anda mengirim array PHP, Anda perlu memanggil fungsi

    const data = "";





    const data = ;

7 sebelum meneruskannya ke JavaScript

    const data = ;

_

Dan begitulah cara Anda meneruskan variabel PHP ke JavaScript dengan memanggil fungsi echo

Selanjutnya, mari kita lihat cara menggunakan DOM untuk meneruskan variabel PHP ke JavaScript

Menggunakan DOM untuk meneruskan variabel PHP ke JavaScript

Terkadang, Anda mungkin memerlukan variabel PHP setelah pengguna melakukan tindakan seperti mengklik tombol

Anda mungkin juga memiliki banyak variabel PHP yang ingin Anda berikan, dan sementara echo berfungsi untuk mengirim data PHP ke JavaScript, Anda mungkin menginginkan solusi yang lebih bersih

Selain memanggil fungsi echo_, Anda juga dapat menggunakan tag HTML DOM untuk menyimpan data PHP

Ini sebuah contoh

Dengan menyimpan data PHP Anda di tag DOM seperti yang ditunjukkan di atas, Anda kemudian dapat mengambil data menggunakan JavaScript sebagai berikut

  const name = document.getElementById["data-name"].textContent;
  const age = document.getElementById["data-age"].textContent;
  const arr = document.getElementById["data-array"].textContent;

Metode ini mirip dengan menggunakan echo secara langsung, tetapi dianggap lebih bersih karena Anda echo ke DOM daripada variabel JavaScript

Anda juga dapat memilih kapan JavaScript harus mengambil data PHP. Ini tidak terjadi ketika Anda echo variabel JavaScript

Menggunakan pengambilan untuk mendapatkan data PHP dari JavaScript

Saat Anda ingin memisahkan template PHP dari kode JavaScript Anda, maka Anda dapat menggunakan JavaScript Fetch API

Ambil API digunakan untuk mengirim permintaan HTTP, mirip dengan AJAX dan XMLHTTPRequest. Ini memungkinkan Anda mengambil sumber daya dari mana saja di Internet

Ambil dapat digunakan untuk mengambil data PHP menggunakan JavaScript. Misalkan Anda memiliki file PHP bernama

    const data = ;

4 dengan konten berikut

    const data = ;

_6 seperti yang ditunjukkan di bawah ini

// 👇 URL to your data location
fetch["//localhost:8080/data.php"] 
    .then[[res] => res.json[]]
    .then[[data] => {
        const result = document.getElementById["result"];
        result.textContent = JSON.stringify[data];
    }];

Fungsi

    const data = ;

7 akan mengirim permintaan HTTP ke file

    const data = ;

4

Kemudian, fungsi

    const data = ;

_9 akan menguraikan respons sebagai objek JSON. Terakhir, objek JSON yang dikembalikan akan ditetapkan sebagai konten dari tag

0 di atas

Outputnya adalah sebagai berikut

Ambil data PHP dengan mengambil

Dan begitulah cara Anda meneruskan variabel atau data PHP ke JavaScript menggunakan fungsi

    const data = ;

7

Berbeda dengan dua metode lainnya, metode ini membuat permintaan HTTP, sehingga akan ada penundaan sebelum data diambil

Direkomendasikan untuk menggunakan Fetch API saat data PHP Anda memerlukan pemrosesan yang rumit sebelum meneruskannya ke JavaScript

Kesimpulan

Untuk meneruskan variabel dan data PHP ke JavaScript, Anda perlu membuat data dapat diakses oleh JavaScript

Anda dapat echo data langsung ke variabel JavaScript, atau Anda dapat menyimpan data di DOM sebelum mengambilnya menggunakan objek JavaScript

3

Untuk data dengan pemrosesan yang kompleks, Anda dapat membuat file terpisah yang memproses data PHP Anda. Setiap bagian dari aplikasi Anda yang membutuhkan data dapat mengirimkan permintaan HTTP untuk mengambil data

Bagaimana cara membaca variabel JavaScript di PHP?

Bagaimana cara meneruskan nilai variabel JavaScript ke PHP?