Variable von PHP nach JAVASCRIPT übergeben
bearbeitet von
hallo
> Ich habe ein PHP Script, in dieser habe ich eine Variable mit einem Integer Wert.
>
> **$nummer**
>
> Später wird auf der Seite noch eine javascript Datei aufgerufen.
>
> In dieser wird eine URL aufgerufen
>
> **url: 'datei.php?id=100'**
>
> statt der 100 möchte ich die Variable
>
> **$nummer**
>
> einsetzen.
>
> Wie kann ich also meine PHP Variable in eine Javascript Datei übernehmen?
- Variante a)
Schreibe einen Javascript Block in PHP mit der Ausgabe
~~~javascript
<script>
var myVarsByServerDef={
"var1":"value1",
"var2":"value2",
};
</script>
~~~
Lasse danach dein anderes script onload diese variable abholen
- Varante b)
Notiere ein Element in Php mit hidden Attribut. Dieses kann dan verschiedene Werte übergeben wie folgt
~~~html
<div hidden
id="servervars"
data-var1="value1"
data-var2="value2"
>
~~~
diese kannst ebenfalls später auslesen über
var el = document.getElementById("servervars");
var variable1 = el.dataset.var1;
Beachte, zum Auslesen von data Attributen wird in JS die Methode dataset verwendet
- Variate c)
- Variante d)
--
Neu im Forum!
Signaturen kann man ausblenden!
Variable von PHP nach JAVASCRIPT übergeben
bearbeitet von
hallo
> Ich habe ein PHP Script, in dieser habe ich eine Variable mit einem Integer Wert.
>
> **$nummer**
>
> Später wird auf der Seite noch eine javascript Datei aufgerufen.
>
> In dieser wird eine URL aufgerufen
>
> **url: 'datei.php?id=100'**
>
> statt der 100 möchte ich die Variable
>
> **$nummer**
>
> einsetzen.
>
> Wie kann ich also meine PHP Variable in eine Javascript Datei übernehmen?
Variante a) Schreibe einen Javascript Block in PHP mit der Ausgabe
~~~javascript
<script>
var myVarsByServerDef={
"var1":"value1",
"var2":"value2",
};
</script>
~~~
Lasse danach dein anderes script onload diese variable abholen
Varante b)
Notiere ein Element in Php mit hidden Attribut. Dieses kann dan verschiedene Werte übergeben wie folgt
~~~html
<div hidden
data-servervars-var1="value1"
data-servervars-var2="value2"
>
~~~
diese kannst ebenfalls später auslesen über
var data-servervars-var1 = document.querySelector("data-servervars-var1").value;
--
Neu im Forum!
Signaturen kann man ausblenden!