Commande du serveur via l'interface AJAX

Question

Je suis nouveau sur AJAX. Juste pour le plaisir, j'essaie de contrôler mon serveur via une interface AJAX. Il est assez facile, par exemple en PHP, d'envoyer une commande au serveur par la fonction system() et juste un champ texte et un bouton submit. La chose que je voudrais faire est de contrôler en temps réel certaines actions, par exemple contrôler le volume de musique par une interface web, avec une simple diapositive sans aucun bouton de soumission. Ne pas se soucier de la façon de contrôler le volume, est juste un morceau d'exemple, imaginez-le comme une fonction du système php().

Bien la question est: Comment puis-je implémenter un tel système de contrôle à distance **? ** (Le serveur est la machine qui dans ce cas unique héberge le serveur web).

Answer 1

Avez-vous déjà essayé de faire le contrôle avec une interface web PHP uniquement (par exemple lire des requêtes comme http://server/control.php?volume=10 ou http://server/control.php?jumpToPercent=30)?

De là, vous pouvez l'ajuster partiellement, par ex. en envoyant votre formulaire soumet de manière asynchrone via Ajax (en recommandant le plugin jQuery form). Si vous souhaitez utiliser un curseur, vous pouvez utiliser le jQuery UI slider, qui envoie une requête comme

$.getJSON('http://server/control.php', { jumpToPercent : $(slider).percentValue() }, 
    function(data) { $(slider).value(data.value); }, 'json'); 

chaque fois qu'il est changé (lire la documentation pour les événements corrects et invocations) et votre script PHP modifie la position et renvoie par exemple

{ "value" : 50 } 

qui est la nouvelle position réelle du curseur.