JS Variable an PHP übertragen, dort bei Änderung der Variable Shell ausführen

[dave90]

Hallo liebes Forum,
ich sitze jetzt seit zwei Tagen an einem Problem und komme einfach nicht weiter. Ich bin noch ein blutiger Anfänger in JS, aber komme mit Tutorials lesen im Moment einfach nicht mehr weiter.
Ich möchte über ein lokales Webinterface auf dem ein Colorpicker in Javascript läuft einen RGB String setzen und jedes mal wenn der Wert des RGB String sich verändert einen Shell Befehl ausführen, der eine LED Leiste ansteuert. Der Server auf dem das Webinterface und auch die Ansteuerung der LED liegt ist ein Raspberry Pi.

Mein Frage ist nun, da das Javascript ja Client seitig ausgeführt wird und somit keine Shell Befehle auf dem Server umsetzen kann: Wie übertrage ich die Variable am besten in PHP? Hier habe ich bisher einige Methoden gefunden die Trennung zwischen Server(PHP) und Client(JS) zu überbrücken. Am vielversprechendsten scheint mir Ajax zu sein, allerdings laufe ich immer wieder in neue Probleme und erhalte keine funktionierende Lösung.
Der verwendete Colorpicker setzt während der Farbauswahl permanent den RGB String neu, was ich gut finde, da die Farbe der LED Leiste am besten in Echtzeit geändert werden soll.
Eigentlich sollte es doch nicht so schwer sein, diesen String nun in Echtzeit an PHP zu übergeben und immer wenn er sich ändert die entsprechende Shell auszuführen.
Ajax scheint mir deswegen so vielversprechend, da es im Hintergrund läuft und kein Neuladen der Seite erfordert. Ein Neuladen ist bei dieser Anwendung allerdings nicht sinnvoll, da die Seite dann jedes mal neu geladen würde wenn der Cursor sich über dem Colorpicker bewegt.
Ich hänge meinen bisherigen Quellcode mit dem, wie ich denke, bisher besten Chancen auf Erfolg an. In diesem habe ich versucht die Variable in eine externe PHP Datei zu überführen und dort weiter zu benutzen. An den Stellen wo es hapert habe ich Kommentare eingefügt.

skript.php

...
$('#picker').colpick({                                                              <!-- Colorpicker Einstellungen -->

	flat:true,
	layout:'hex',
	submit:0,
       colorScheme: 'dark',
       onChange:function(hsb,hex,rgb,el,bySetColor){ 
	console.log(rgb);                                                             <!-- Check ob die variable rgb richtig gesetzt wird (ja wird sie)-->
	$.post('/transfer.php','rgbval='+rgb);                                  <!-- Überttragung der Variable in die Datei transfer.php -->
     }
});

transfer.php

<?php

$rgb = $_REQUEST['rgbval'];  <!-- Empfang der Variable rgbval aus dem JS -->

echo "Der RGB Wert ist {$rgb}" <!-- Ausgabe des Wertes (funktioniert nicht) -->
?>

Ich würde mich freuen, wenn Ihr mir einen Denkanstoß geben könnt, wo ich ansetzen kann um das Problem zu lösen.

Viele Grüße
David

 

[mikdoe]

*aus JS verschoben und Präfix gesetzt*
Sieht wie eine PHP Frage aus, denn nur dort steht ein "funktioniert nicht".

 

[jspit]

Ein echo aus einem PHP-Script schickt die Ausgabe immer dorthin, woher die Anforderung kam. Da der Request per ajax gesendet wurde, ist auch dort die Antwort (dein echo) auszuwerten. Im Browser ist da von allein nichts zu sehen.
Für dein Projekt fange am Besten mit ein Script an, welches die Arrays $_POST und $_GET in eine Log-Datei schreibt. Dafür kannst du auch die Debug-Klasse von jspit.de nutzen, die auch für solch kleine Systeme wie den Raspberry Pi geeignet ist.
Das Script kannst du für den ersten Schritt auch mit dem Browser mit GET-Parametern aufrufen und nachsehen, ob etwas ins Logfile geschrieben wurde. Wenn das klappt, kannst du mit Ajax und POST weitertesten.