Zugriff von Javascript auf PHP-Daten mittels Ajax

Lösung

Die Lösung meines Problems hatte ich mir (vereinfacht) ungefähr wiefolgt vorgestellt:

1. Im Browser stellt Javascript fest, dass ein Eingabefeld verändert wurde. Ein „Event“ wird ausgelöst.
2. In der mit dem Event verknüpften Funktion wird der aktuelle Wert des Eingabefeldes festgestellt.
3. Anschließend überträgt Javascript die Werte über einen Ajax-Aufruf an eine PHP-Funktion auf dem Server.
4. Die PHP-Funktion übernimmt die Werte und prüft anhand der besagten Tabellen, ob gewisse Grenzen überschritten werden. Ist dies der Fall gibt die Funktion „OVERFLOW“ zurück, andernfalls ein „OK“.
5. Javascript im Client empfängt diese Information und warnt den Benutzer, falls ein OVERFLOW aufgetreten ist.

Sourcecode

Hier die fünf Stufen als Sourcecode, statt direktem Javascript benutze ich die jQuery-Bibliothek, da ich das Rad nicht unbedingt neu erfinden muss:

jQuery( "select#dd12" ).on( "change",function() { check();
       }
);

Durch diesen Code wird bei jeder Änderung (change-Event) im select-Auswahlfeld mit der ID „dd12″ automatisch die Javascript-Funktion check() aufgerufen. Sie sieht wiefolgt aus:

function check() {

var switchValue = jQuery( "select#dd12" ).val();
jQuery.ajax( { url: "../php/verarbeitung.php",
          data: { "value": switchValue },
          dataType: "text",
          type: "POST",
          success: function( data )
             {
             if ( data == "OVERFLOW" )
             jQuery("#meldung").show();
             else jQuery("#meldung").hide();
             }
       }
    );

}

Die Funktion check() ermittelt den aktuellen Stand des select-Auswahlfeldes „dd12″ und ruft über jQuery.ajax() die PHP-Datei „verarbeitung.php“ auf, alle weiteren Aktionen erfolgen also im Server. Beim Aufruf wird der Inhalt von „switchValue“ als Parameter „value“ übergeben.

In diesem Aufruf ist auch gleich definiert, wie auf die Rückgabe von PHP reagiert wird, siehe die Funktion bei success: ist die Rückgabe (data) der String „OVERFLOW“, wird das CSS-Div mit der ID „meldung“ angezeigt, andernfalls nicht. In PHP (verarbeitung.php) sieht die Sache dann so aus:

require_once "__tabellen.php"; // Meine komplizierten Tabellen
$bOverflow = false;
$switchValue = $_REQUEST[ 'value' ]; // Parameter holen

if ( !__berechnung( $aTabelle,$switchValue ) ) $bOverflow = true;
echo ( $bOverflow == true ) ? "OVERFLOW" : "OK";

Die eigentliche Ermittlung des Ergebnisses erfolgt in der Unterfunktion __berechnung() und soll uns hier nicht weiter interessieren. Wichtig für die korrekte Funktion ist, dass die Rückgabe des Ergebnisses von PHP nicht wie gewohnt durch return, sondern als echo erfolgt.