- Official Post
Si côté serveur (à l'autre bout des requêtes) tu n'as rien à coder, l'utilisation de requêtes Ajax semble convenir le mieux. Voici un petit exemple avec du HTML, du Javascript et un peu de CSS pour la forme.
HTML
<!DOCTYPE html>
<html lang="fr" xml:lang="fr">
<head>
<meta charset="utf-8" />
<title>Titre</title>
<!-- Importation de la biliothèque JQuery, qui simplifie la syntaxe des requêtes Ajax. -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
// La fonction appelée au click sur chaque bouton.
function doRequest(button){
// On récupère l'URL stockée dans les propriétés du bouton.
let url = button.dataset.url;
console.log("On appelle l'url", url);
// On fait la requête.
$.ajax({
type: "GET",
url: url,
success: function(result){
// Affiche le résultat de la requête, si le serveur renvoie quelque chose...
console.log("Résultat requête :", result);
},
error: function(jqXHR, textStatus, errorThrown) {
// Exécuté en cas d'erreur pendant la requête.
console.error("Une erreur s'est produite :", textStatus, errorThrown);
}
});
}
</script>
<style>
/* Un peu de design CSS. */
.buttonsContainer {
display: flex;
flex-direction: column;
width: 300px;
}
.buttonsContainer > button:not(:first-child) {
margin-top: 6px;
}
</style>
</head>
<body>
<div class="buttonsContainer">
<!-- Les boutons avec chacun leur URL -->
<button onclick="doRequest(this)" data-url="http://192.168.x.x/preset.htm?RLY6=1">CLIQUE MOI 1</button>
<button onclick="doRequest(this)" data-url="http://192.168.x.x/preset.htm?RLY6=2">CLIQUE MOI 2</button>
</div>
</body>
</html>
Afficher plus
Pour afficher la console et voir les logs et les éventuels messages d'erreur, le raccourci est CTRL + MAJ + I puis tu choisis l'onglet "Console".