- communauté
- Apprendre
- Bibliothèque d'outils
- Loisirs
Maison > Questions et réponses > le corps du texte
P粉8934570262023-08-22 09:30:13
J'utilise généralement les attributs data-* en HTML.
<div
class="service-container"
data-service="<?= htmlspecialchars($myService->getValue()) ?>"
>
</div>
<script>
$(document).ready(function() {
$('.service-container').each(function() {
var container = $(this);
var service = container.data('service');
// Var "service" now contains the value of $myService->getValue();
});
});
</script>
Cet exemple utilise jQuery, mais il peut être adapté à d'autres bibliothèques ou à du JavaScript natif.
Vous pouvez en savoir plus sur la propriété dataset ici : https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.dataset
P粉5170907482023-08-22 09:17:08
Il existe en fait plusieurs façons de procéder. Certaines méthodes nécessitent plus de temps système et certaines sont considérées comme meilleures que d’autres.
Sans ordre particulier :
Dans cet article, nous détaillerons les avantages et les inconvénients de chacune des méthodes ci-dessus, et comment les mettre en œuvre.
Cette approche est considérée comme la meilleure car les scripts côté serveur et côté client sont complètement séparés.
Avec AJAX, vous avez besoin de deux pages, une sur laquelle PHP génère la sortie et une autre sur laquelle JavaScript obtient cette sortie :
/* 在这里执行一些操作，比如与数据库、文件会话等进行交互
* 超越世界，无间地带，闪烁之城和加拿大。
*
* AJAX通常使用字符串，但你也可以输出JSON、HTML和XML。
* 这完全取决于你发送的AJAX请求的Content-type头。 */
echo json_encode(42); // 最后，你需要`echo`结果。
// 所有数据都应该使用`json_encode`。
// 你可以在PHP中`json_encode`任何值，数组、字符串，
// 甚至对象。
<!-- 省略 -->
<script>
fetch("get-data.php")
.then((response) => {
if(!response.ok){ // 在解析（即解码）JSON数据之前，
// 检查是否有任何错误。
// 如果有错误，抛出错误。
throw new Error("Something went wrong!");
}
return response.json(); // 解析JSON数据。
})
.then((data) => {
// 在这里处理响应。
alert(data); // 将弹出：42
})
.catch((error) => {
// 在这里处理错误。
});
</script>
<!-- 省略 -->
La combinaison des deux fichiers ci-dessus apparaîtra une fois le chargement du fichier terminé42.
Cette approche est moins souhaitable que AJAX, mais elle a quand même ses avantages. D'une certaine manière, c'est encore relativement séparé entre PHP et JavaScript, puisque PHP n'est pas utilisé directement dans JavaScript.
<input type=hidden>来存储信息，因为从inputNode.value中获取信息更容易，但这样做意味着你的HTML中有一个无意义的元素。HTML有<meta>元素用于文档的数据，HTML 5引入了data-* pour les données liées à JavaScript sur un élément spécifique. Dans ce cas, vous devez créer une sorte d'élément invisible pour l'utilisateur mais visible par JavaScript.
<!-- 省略 -->
<div id="dom-target" style="display: none;">
<?php
$output = "42"; // 再次，执行一些操作，获取输出。
echo htmlspecialchars($output); /* 必须转义，否则结果
将不是有效的HTML。 */
?>
</div>
<script>
var div = document.getElementById("dom-target");
var myData = div.textContent;
</script>
<!-- 省略 -->
C'est probablement la méthode la plus simple à comprendre.