Aby wywołać funkcję PHP w HTML, należy pamiętać, że PHP to język wykonywany po stronie serwera, a HTML po stronie klienta. Oznacza to, że kod PHP zostanie przetworzony na serwerze przed wysłaniem strony do przeglądarki użytkownika. HTML będzie już zawierał wynik działania funkcji PHP, a nie samą funkcję. Oto szczegółowy poradnik wraz z przykładami, jak poprawnie korzystać z funkcji PHP w kodzie HTML i jak je praktycznie zastosować.
Podstawowe wywołanie funkcji PHP w HTML
Aby wywołać funkcję PHP w pliku HTML, plik ten musi mieć rozszerzenie .php. Dzięki temu serwer rozpozna, że w pliku może znajdować się kod PHP do przetworzenia.
Przykład –
<?php
function powitanie() {
echo "Witaj, użytkowniku!";
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Wywołanie funkcji PHP</title>
</head>
<body>
<h1><?php powitanie(); ?></h1>
</body>
</html>
W powyższym przykładzie funkcja powitanie() zostaje wywołana bezpośrednio w kodzie HTML, a jej wynik zostanie wstawiony w miejscu wywołania w przeglądarce użytkownika.
Funkcje z parametrami
Funkcje mogą przyjmować parametry, co umożliwia ich wielokrotne oraz zróżnicowane zastosowanie.
Przykład –
<?php
function przywitaj($imie) {
echo "Witaj, $imie!";
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Personalizowane powitanie</title>
</head>
<body>
<p><?php przywitaj("Tomek"); ?></p>
<p><?php przywitaj("Ania"); ?></p>
</body>
</html>
Tutaj wywołujemy funkcję z różnymi parametrami – efekt widoczny jest w treści strony jako dwa różne powitania.
Zwracanie wartości przez funkcję
Często funkcja nie wyświetla tekstu, tylko zwraca wartość, którą można potem wykorzystać.
Przykład –
<?php
function suma($a, $b) {
return $a + $b;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Suma liczb</title>
</head>
<body>
<p>Suma 3 i 5 to: <?php echo suma(3, 5); ?></p>
</body>
</html>
W tym przypadku funkcja suma() zwraca wynik, który jest następnie wyświetlany za pomocą echo w dokumencie HTML.
Wywołanie funkcji PHP na żądanie – ajax
Często zachodzi potrzeba wykonania funkcji PHP po stronie serwera w reakcji na akcję użytkownika, np. wciśnięcie przycisku. HTML i JavaScript mogą przesłać żądanie do serwera (AJAX), który wywoła odpowiednią funkcję PHP.
Przykład działania ajax + PHP
HTML i JavaScript –
<button id="klik">Oblicz sumę</button>
<p id="wynik"></p>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$("#klik").click(function() {
$.ajax({
url: "wywolaj.php",
method: "POST",
data: { a: 5, b: 7 },
success: function(response) {
$("#wynik").text(response);
}
});
});
</script>
Plik PHP (wywolaj.php) –
<?php
function suma($a, $b) {
return $a + $b;
}
$a = $_POST['a'];
$b = $_POST['b'];
echo suma($a, $b);
?>
Po kliknięciu przycisku JavaScript wysyła dane do pliku PHP, który wykonuje funkcję i odsyła wynik do przeglądarki.
Dynamiczne generowanie treści HTML przez funkcje PHP
Dużą zaletą jest możliwość generowania całych fragmentów kodu HTML za pomocą funkcji PHP.
Przykład –
<?php
function tabela($dane) {
echo "<table border='1'>";
foreach ($dane as $wiersz) {
echo "<tr><td>" . implode("</td><td>", $wiersz) . "</td></tr>";
}
echo "</table>";
}
$produkty = [
["Produkt", "Cena"],
["Chleb", 3.50],
["Mleko", 2.40]
];
?>
<!DOCTYPE html>
<html lang="pl">
<head><title>Lista produktów</title></head>
<body>
<?php tabela($produkty); ?>
</body>
</html>
Funkcja automatycznie zbuduje tabelę HTML na podstawie przekazanych danych.
Najczęstsze błędy i dobre praktyki
- Rozszerzenie pliku – Pliki zawierające PHP muszą mieć rozszerzenie
.php; - Wywołanie funkcji – Funkcje PHP nie mogą być wywołane czysto z poziomu HTML – ich wywołanie musi być poprzedzone i otoczone tagiem
<?php ... ?>; - Bezpieczeństwo – Nigdy nie używaj danych wejściowych bez weryfikacji – są one podatne na ataki typu XSS/SQL Injection;
- Organizacja kodu – Stosuj oddzielenie logiki (PHP) od prezentacji (HTML) tam, gdzie to możliwe, np. przez systemy szablonów lub MVC.
Dzięki tym technikom i przykładowym zastosowaniom można elastycznie i dynamicznie tworzyć strony internetowe, wykorzystując siłę PHP do generowania lub modyfikowania treści HTML zarówno statycznie podczas ładowania strony, jak i dynamicznie – na żądanie użytkownika.
