Wie übergebe ich Variablen und Daten von PHP an JavaScript?

Question

Ich habe eine Variable in PHP und brauche ihren Wert in meinem JavaScript-Code. Wie kann ich meine Variable von PHP nach JavaScript übergeben?

Ich habe folgenden Code:

getValue(); // Führt einen API- und Datenbankaufruf durch

Auf derselben Seite habe ich JavaScript-Code, der den Wert der $val-Variable als Parameter benötigt:

    myPlugin.start($val); // Ich habe das versucht, aber es hat nicht funktioniert
    <?php myPlugin.start($val); ?> // Das hat auch nicht funktioniert
    myPlugin.start(<?=$val?>); // Das funktioniert manchmal, aber manchmal scheitert es

Answer 1

Nach ausgiebiger Recherche habe ich herausgefunden, dass der einfachste Weg ist, alle Arten von Variablen leicht zu übergeben.

Im Server-Skript haben Sie zwei Variablen und versuchen, sie an die Client-Skripte zu senden:

$php_var1 ="Hallo Welt";
$php_var2 ="Halloow";
echo '';
echo 'var js_variable1= ' . json_encode($php_var1) . ';';
echo 'var js_variable2= ' . json_encode($php_var2) . ';';
echo '';

Rufen Sie einfach diese Variablen in Ihrem JavaScript-Code auf der Seite auf.

Answer 2

Ich habe nicht viel Ahnung von anderen Lösungen, aber wenn Ihre Daten keine sensiblen Informationen enthalten, können Sie es auf diese Weise verwenden.

1. Daten in ein HTML-Tag einfügen und ihm eine ID geben
2. Setzen Sie die Sichtbarkeit dieses Tags auf versteckt und holen Sie die Daten per Javascript ab

So habe ich es benutzt

1.

   document.getElementById("IhreID").style.visibility = "hidden";
   let VariableName = document.getElementById("IhreID").textContent;

Vergessen Sie nicht, dass Benutzer den Variablenwert über den Inspektions- (Entwickler-) Modus sehen und sogar ändern können, wenn Sie diese Methode verwenden!

Answer 3

getValue(); // Macht einen API- und Datenbankaufruf

    echo "

            myPlugin.start({$val});
         ";

?>

Answer 4

Wir können dies mit php machen heredoc:

alert('{$inPhpVar}, die im js-code verwendet wird');

JS;

echo $ScriptInline;

?>

Answer 5

Gemäß Ihrem Code

<$php
     $val = $myService->getValue(); // Führt einen API- und Datenbankaufruf durch
     echo ''.$val.'';
$>

Jetzt können Sie den Wert mit DOM abrufen, verwenden Sie innerHTML des Span-Ids, in diesem Fall müssen Sie keinen Serveraufruf, kein Ajax oder etwas anderes machen.

Ihre Seite wird es mit PHP ausgeben und Ihr JavaScript wird den Wert mit DOM erhalten.