PHP - это серверный язык, с помощью которого вы можете заставить сервер отправлять обратно любой вывод, который вам нравится.
Комбинация JavaScript на клиенте и PHP на сервере часто используется для генерации SPA. Работа, которая должна выполняться на сервере (вычисления, запросы к базе данных), часто выполняется через PHP, а работа, которую можно выполнять на клиенте (рендеринг графики, обновление элементов страницы), выполняется в JavaScript.
Школьный кейс: PHP возвращает HTML
Ваш учитель, вероятно, ссылается на пример, подобный этому, взятый с W3schools.com, нажмите для демонстрации в реальном времени
index.html:
<html>
<body>
<form action="welcome.php" method="post">
Name: <input type="text" name="name"><br>
E-mail: <input type="text" name="email"><br>
<input type="submit">
</form>
</body>
</html>
welcome.php
<html>
<body>
Welcome <?php echo $_POST["name"]; ?><br>
Your email address is: <?php echo $_POST["email"]; ?>
</body>
</html>
Таким образом, форма в index.html запрашивает welcome.php с сервера, представляющего собой смесь HTML и PHP. Он вызывает PHP для всех <?php ... ?>
частей, встраивает результат в оставшуюся HTML-страницу и отправляет его обратно. Таким образом, ответ от Сервера является HTML-страницей.
Используйте PHP echo
, JavaScript для получения не-HTML вывода с сервера -> SPA
Рассмотрите этот пример с W3Schools.com (нажмите для демонстрации в реальном времени) :
PHP не генерирует вывод HTML, а простой текст. Результат для http://example.com/gethint.php?q=sometext
- это простая строка, а не HTML, как в предыдущем примере. Но запрос не выполняется браузером при попытке получить HTML-страницу. Вместо этого Javascript на главной странице выполняет запрос и встраивает результат в уже загруженную страницу в браузере.
index.html
Это веб-сайт (интерфейс приложения). Он отображает текстовое поле, в которое вы можете ввести текст. Через javascript запрос отправляется на сервер, на котором работает PHP. Он отправляет обратно простую строку, которая содержит возможные имена, которые соответствуют вводу.
<html>
<head>
<script>
function showHint(str) {
if (str.length == 0) {
document.getElementById("txtHint").innerHTML = "";
return;
} else {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("txtHint").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "gethint.php?q=" + str, true);
xmlhttp.send();
}
}
</script>
</head>
<body>
<p><b>Start typing a name in the input field below:</b></p>
<form>
First name: <input type="text" onkeyup="showHint(this.value)">
</form>
<p>Suggestions: <span id="txtHint"></span></p>
</body>
</html>
gethint.php
Это PHP, работающий на сервере. Вы видите, что весь файл заключен в один большой <?php ... ?>
, а не как welcome.php
выше. Здесь вывод генерируется не путем замены небольшого тега <?php ... ?>
на его значение, а функцией echo
.
<?php
// Array with names
$a[] = "Anna";
$a[] = "Brittany";
// ... lots of names ...
$a[] = "Wenche";
$a[] = "Vicky";
// get the q parameter from URL
$q = $_REQUEST["q"];
$hint = "";
// lookup all hints from array if $q is different from ""
if ($q !== "") {
$q = strtolower($q);
$len=strlen($q);
foreach($a as $name) {
if (stristr($q, substr($name, 0, $len))) {
if ($hint === "") {
$hint = $name;
} else {
$hint .= ", $name";
}
}
}
}
// Output "no suggestion" if no hint was found or output correct values
echo $hint === "" ? "no suggestion" : $hint;
?>
Следовательно, в принципе нет никаких ограничений относительно того, что можно сделать с помощью PHP