Memanggil fungsi php di html

Question

Apa pun yang kami lihat di situs web kami, disimpan dalam HTML atau diambil dari tabel. HTML memiliki file skrip terlampir yang memanggil backend, tempat kode SQL ditulis. Kode SQL ini berinteraksi dengan database. Pada artikel ini kita akan belajar cara memanggil berbagai fungsi dalam file PHP dari JavaScript. Mungkin ada beberapa kasus penggunaan, skenario, dan cara untuk memanggil fungsi PHP dari JavaScript, kami akan menunjukkan mana yang dapat dengan mudah dipanggil melalui panggilan AJAX apa pun

Table of Contents Show

Cara Menyisipkan Kode PHP Di Antara HTML (file PHP)
Cara Menyisipkan Kode PHP di File HTML
Cara Memanggil Variabel PHP di JavaScript
Bagaimana langkah-langkah pemanggilan fungsi di PHP?
Bagaimana cara memanggil suatu fungsi?
Apa itu PHP dalam HTML?
Bagaimana cara membuat fungsi di PHP?

Hal pertama yang diperlukan dalam file PHP adalah deklarasi $_POST di header php
Kode akan terlihat seperti ini

Di sini kami baru saja menambahkan header yang akan membantu kami dalam panggilan AJAX dari JavaScript dan gema yang akan membantu kami memanggil fungsi apa pun yang ditentukan dalam file PHP

Sekarang, kita bisa menambahkan fungsi di file PHP yang hanya bisa mengembalikan pesan setiap kali dipanggil

Saat kita membuat website menggunakan PHP, kita akan sering menuliskan kode PHP diantara kode HTML untuk membuat bagian tertentu dari website menjadi dinamis.

Oleh karena itu kita perlu mengetahui bagaimana interpreter PHP mengevaluasi kode PHP kita dan bagaimana kode PHP dikirim ke browser

Dengan mengikuti panduan ini, kita diharapkan dapat menulis kode PHP dalam file HTML atau sebaliknya, atau memanggil variabel PHP ke JavaScript untuk diproses di browser, baik itu variabel dengan tipe data sederhana seperti string atau angka atau kompleks. yang seperti array

Berikut beberapa topik yang akan kita bahas

Cara Menyisipkan Kode PHP Di Antara HTML (file PHP)

Untuk menyisipkan kode PHP di antara kode HTML dalam file PHP, kita hanya perlu menggunakan tag PHP pembuka (<?php) dan penutup (?>) untuk memberi tahu juru bahasa bahwa kode tersebut adalah kode PHP dan perlu dievaluasi di server

Mari kita buat file index.php, setelah itu copy kode di bawah ini dan jalankan menggunakan web server

<!DOCTYPE html>
<html >
<head>
  <title>Belajar PHP</title>
</head>
<body>
  <h1>
    <?php echo "Hello World ", 1 + 1; ?>
  </h1>
</body>
</html>

Setelah web server berjalan, silahkan lihat di browser, lalu tekan Ctr+U untuk melihat kode HTML yang dikirim dari server. Kurang lebih tampilannya akan seperti berikut ini

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <h1>Hello World 2</h1>
  </body>
</html>

_

Perhatikan teks pada baris 7 yang berada tepat di antara tag

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <h1>Hello World 2</h1>
  </body>
</html>

0, dari

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <h1>Hello World 2</h1>
  </body>
</html>

1 berubah menjadi

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <h1>Hello World 2</h1>
  </body>
</html>

2

Kenapa bisa begitu?

Setelah itu browser akan mengurai hasilnya agar ditampilkan dengan benar kepada pengguna website kita, karena teks berada di antara tag

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <h1>Hello World 2</h1>
  </body>
</html>

0, akan terlihat besar karena itu adalah default style yang diberikan oleh browser

Jika kita tidak menambahkan tag pembuka dan penutup, web server akan mengirimkan teks apa adanya (tidak dievaluasi oleh interpreter)

Selain itu, yang perlu diperhatikan di sini adalah kode PHP dievaluasi di server, sedangkan HTML dievaluasi di browser

Artinya kita bisa membuat tag HTML dengan menggunakan PHP, selama teks yang dibuat oleh PHP cocok dengan sintaks HTML maka browser akan mengevaluasinya dengan benar

Contohnya adalah membuat paragraf HTML menggunakan PHP

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <?php echo "<p>Hello World</p>"; ?>
  </body>
</html>

_

Cara Menyisipkan Kode PHP di File HTML

Pada contoh diatas kita menyisipkan kode HTML dan PHP pada file PHP, bagaimana jika kita ingin melakukan hal yang sama tetapi pada file HTML?

Kita masih bisa melakukannya tetapi tidak disarankan, selama file tersebut mengandung kode PHP lebih baik file tersebut dibuat menjadi file PHP

Yuk dicoba, silahkan buat file

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <h1>Hello World 2</h1>
  </body>
</html>

_4, lalu masukkan kode dibawah ini, jalankan menggunakan web server dan lihat menggunakan browser

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <?php echo "<p>Hello World</p>"; ?>
  </body>
</html>

_

Kode PHP yang kita sisipkan masih dievaluasi oleh interpreter dan ditampilkan dengan benar di browser

Jika kita menggunakan server web Apache atau Nginx, kita mungkin perlu menyesuaikan pengaturan agar server web memperlakukan file HTML sebagai file PHP

Jika kita menggunakan server web PHP bawaan, kita dapat secara otomatis menjalankan file HTML

Cara Memanggil Variabel PHP di JavaScript

Dalam kondisi tertentu, kita mungkin perlu meneruskan variabel PHP ke JavaScript. Caranya hampir sama dengan cara sebelumnya, kita hanya perlu memastikan bahwa PHP mengirimkan kode JavaScript yang valid

Mari buat file index.php dan salin kode di bawah ini

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <script type="text/javascript">
      <?php
        $nama = "Budi";
        echo "const nama ='" . $nama . "';";
      ?>

      console.log(nama);
    </script>
  </body>
</html>

_

Perhatikan baris 11, kita menggunakan kode PHP untuk membuat kode variabel JavaScript bernama

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <h1>Hello World 2</h1>
  </body>
</html>

6 yang berisi nilai variabel PHP dengan nama yang sama (

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <h1>Hello World 2</h1>
  </body>
</html>

7)

Setelah kode JavaScript dibuat di server, kode dikirimkan ke browser, kemudian browser mengevaluasi kode JavaScript tersebut. Kode di atas seharusnya menampilkan teks "Budi" di browser konsol

Bagaimana jika variabel PHP memiliki tipe data yang kompleks seperti array?

Mari mencoba

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <script type="text/javascript">
      <?php
        $binatang = [
          "kucing",
          "anjing",
          "ayam"
        ];

        $binatangJsonStr = json_encode($binatang);
        echo "const binatangJsonStr ='" . $binatangJsonStr . "';";
      ?>

      const binatangArr = JSON.parse(binatangJsonStr);
      console.log(binatangArr);
    </script>
  </body>
</html>

Pada server kita membuat variabel PHP

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <h1>Hello World 2</h1>
  </body>
</html>

_9 yang berisi array, pada baris ke 15 kita ubah menjadi string JSON, pada baris selanjutnya kita buat variabel JavaScript bernama

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <?php echo "<p>Hello World</p>"; ?>
  </body>
</html>

0 yang berisi string JSON yang telah kita buat

Server akan menghasilkan kode JavaScript yang terlihat seperti berikut

const binatangJsonStr = '["kucing","anjing","ayam"]';
const binatangArr = JSON.parse(binatangJsonStr);
console.log(binatangArr);

Di browser, kita perlu mengubah string JSON yang ada di variabel

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <?php echo "<p>Hello World</p>"; ?>
  </body>
</html>

0 menjadi array yang valid di JavaScript menggunakan fungsi

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <?php echo "<p>Hello World</p>"; ?>
  </body>
</html>

2, lalu kita masukkan ke dalam variabel JavaScript

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <?php echo "<p>Hello World</p>"; ?>
  </body>
</html>

3

Variabel

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar PHP</title>
  </head>
  <body>
    <?php echo "<p>Hello World</p>"; ?>
  </body>
</html>

_3 ini sekarang berisi array yang valid di JavaScript, selanjutnya kita dapat mengolah array tersebut menggunakan kode JavaScript sesuai keinginan kita, contoh di atas kita mencetak variabel ke browser konsol

Bagaimana langkah-langkah pemanggilan fungsi di PHP?

Cara Memanggil Fungsi . Caranya sangat sederhana, kita hanya menulis nama fungsinya dan diikuti dengan tanda kurung () setelahnya .

Bagaimana cara memanggil suatu fungsi?

Cara Memanggil/Menjalankan Fungsi . Nama fungsi(); Contoh. // buat fungsi function sayHello(){ console. log("Halo Dunia. "); } // panggil fungsi sayHello() // kemudian akan menghasilkan -> Hello World.

Apa itu PHP dalam HTML?

Hypertext Preprocessor atau PHP adalah bahasa skrip open-source yang banyak digunakan dalam pemrograman atau pengembangan situs web (pengembangan web). Bahasa ini umumnya diimplementasikan dalam komunikasi sisi server, dan saat ini didukung oleh hampir semua sistem.

Bagaimana cara membuat fungsi di PHP?

Membuat fungsi di PHP dapat dilakukan dengan mudah, yaitu (1) menulis kata kunci fungsi Ã‚Â (2) kemudian diikuti dengan nama fungsi ( 3) diikuti tanda kurung () Ã‚Â sebagai tempat argumen, (4) kemudian diikuti tanda kurung kurawal {} sebagai pernyataan blok yang akan dieksekusi ketika fungsi dipanggil.

kode php