Wie zu übergeben, PHP variable Wert zu jquery-Funktion?

habe ich dieses JQuery Skript in WordPress /js-Ordner und muss ich ändern einige Werte, die ich speichern in der Datenbank.

$( "#slider-range2" ).slider({
    range: true,
    min: 18,
    max: 90,
    values: [ 35, 50 ],
    slide: function( event, ui ) {
        $( "#amount2" ).val( ui.values[ 0 ] + "-" + ui.values[ 1 ] );
    }
});
$( "#amount2" ).val( $( "#slider-range2" ).slider( "values", 0 ) + "-" + $( "#slider-range2" ).slider( "values", 1 ) );

Die Jquery-Dokumentation ist mir nicht klar.
Werte, die ich ändern muss sind [35 , 50]. Diese Werte werden in der Datenbank gespeichert.
Wie kann ich das aus der js-Datei? Wie kann ich mich übergeben, PHP Variablen Wert zu jquery-Funktion?

Dank.

InformationsquelleAutor alejoabella | 2011-09-30

5

Vorausgesetzt, Sie wollen, halten Sie die externe js-Datei und nicht binden Sie ihn in Ihre php-Skript, php zu schreiben, die zwei Globale js-vars, und ändern Sie die js-Datei, verwenden Sie diese statt.

z.B. in php:
```
echo "<script>var val1 = $var1; var val2 = $var2;</script>";
```
- und in deiner js-Datei:
```
values: [val1, val2]
```
Aber wenn Sie können Ihre js-Datei eine php-Datei statt, die Sie tun können, so etwas wie:
```
<?php header('Content-type: text/javascript'); ?>
... //your regular js code  here
values: <?php echo $var1 ?> , <?php echo $var2 ?>
...
```
Nun können Sie auf Ihrer Seite:
```
<script type="text/javascript" src="yourfile.js.php">
```
Genau das, was ich dachte. Meine einzige änderung die änderung der JS-Variablen von val1 und val2 zu etwas viel mehr spezifische, wie slider_range2_val1 (und 2), zu minimieren das Risiko des versehentlichen überschreiben Sie Sie an anderer Stelle in der JS-code.
Besser noch, setzen Sie Sie in ein Modul, wie würden Sie mit der a-Klasse. Man könnte den PHP-code erzeugen Sie ein Objekt namens mymodule.config mit einem slider_values Eigentum, sowie alle anderen konfigurierbaren Eigenschaften, die Sie benötigen.

InformationsquelleAutor JRL
4

Ich würde sagen, Sie tun es einfach so:
```
$( "#slider-range2" ).slider({
    range: true,
    min: 18,
    max: 90,
    values: [ <?php echo $value1; ?>, <?php echo $value2; ?> ],
    slide: function( event, ui ) {
        $( "#amount2" ).val( ui.values[ 0 ] + "-" + ui.values[ 1 ] );
  }
```
});

wo der Kurs $Wert1 und $Wert2 sind die Werte aus der Datenbank.

-Bearbeiten - oder, was der andere Kerl sagte, können Sie eine php-for-Schleife, um die Größe des Arrays dynamisch so 🙂

ist eine .js-Datei, ich kann nicht schreiben von php-code gibt.
Sie können natürlich, ändern Sie einfach die Dateiendung.
vielleicht dann, Sie könnten auch erwägen, eine php-web-Methode, und rufen Sie aus dem jquery-code?
völlig vergessen, dass der browser nicht besorgt über die Erweiterung. Jedoch ist es nicht nicht-cache-Datei wie eine normale js aber der php dynamisch ist?
danke, ich weiß, aber ist nicht die Idee.

InformationsquelleAutor Daniel van Dommele
4

PHP-code auf dem server ausgeführt wird und jQuery-code läuft im browser, so dass Sie können nicht direkt übergeben, PHP Variablen an jQuery-Funktionen kann man da nicht direkt nennen jQuery-Funktionen aus PHP-code.

Was Sie tun müssen ist, stellen Sie den PHP-code JavaScript-code erstellen, der, wenn er läuft dann im browser wird einige JavaScript-Variablen, um die Werte, die Sie möchten. Zum Beispiel, können Sie den PHP-code generieren, eine <script> - element auf der Seite in die Kopfzeile enthält JavaScript-Zuweisung-Anweisungen, und ändern Sie dann Ihre .js - Datei, so dass statt der zahlen 35 und 50, es bezieht sich auf die Variablen.

Können Sie auch PHP-code in Ihre .js Datei selbst, als andere Antworten vorgeschlagen haben, aber nur, wenn es tatsächlich ein PHP-Skript und nicht um eine statische Datei. Meine Empfehlung wäre, halten die Mehrheit der JavaScript-code in statische Dateien (so, dass der Browser in den cache-Speicher) und die PHP generieren Sie Aufträge für ein paar Globale Variablen, die den rest des Skripts beziehen können.

InformationsquelleAutor Wyzard

Gut Sie könnten eine ajax-Anfrage an den server, bevor Sie definieren Ihre Schieberegler.

zB.
var myValues = function(){
//ajax-Aufruf von php-Skript, das Werte zurückgibt
return Wert};

$( "#slider-range2" ).slider({     
   range: true,     
   min: 18,
   max: 90,
   values: myValues(),
   slide: function( event, ui ) {
       $( "#amount2" ).val( ui.values[ 0 ] + "-" + ui.values[ 1 ] );
   } 
}); 
$( "#amount2" ).val( $( "#slider-range2" ).slider( "values", 0 ) + "-" + $( "#slider-range2" ).slider( "values", 1 ) );

Ich will mehr Informationen finden über ajax-call.

InformationsquelleAutor Alistair Laing

Nur echo aus, wie dieses.

$( "#slider-range2" ).slider({
    range: true,
    min: 18,
    max: 90,
    values: <?php echo $your_variable ?> ,
    slide: function( event, ui ) {
        $( "#amount2" ).val( ui.values[ 0 ] + "-" + ui.values[ 1 ] );
    }
});

ist eine .js-Datei, ich kann nicht schreiben von php-code gibt.

InformationsquelleAutor aziz punjani

1

Kommt es auf den Wert. Wenn es einen einfachen numerischen Wert, können Sie nur echo. Wenn es ist komplexe oder eine Zeichenfolge, die Sie möglicherweise echo im JSON-format über , die Funktionen json_encode (seit JSON ist eine Teilmenge von JavaScript-literal-syntax), seit dem Griff entkommen und so für Sie.

Hinweis: in beiden Fällen, dass die PHP geschieht auf dem server wie die Seite, die Anfrage ist zufrieden, und JavaScript ist die Verwendung später auf der client-Seite.

InformationsquelleAutor T.J. Crowder
0

Einer meiner Lieblings-tricks ist, benennen Sie Ihre javascript-Datei somename.js.php und dann das senden einer javascript-header:
```
Header("content-type: application/x-javascript");
```
Nun können Sie die volle php-Funktionalität (einschließlich db-Aufrufe) in Ihren javascript.

Jedoch, werden Sie wollen, um sicherzustellen, dass Sie ordnungsgemäß Zwischenspeichern der Datei mit dem server, so dass es nicht heruntergeladen auf jeder Seite. So etwas wie:
```
header("Expires: Sat, 26 Jul 2012 05:00:00 GMT")
```
Als Faustregel gilt, ich in der Regel halten eine Veränderung JS Variablen in der Haupt-php-Datei, und geben Sie Sie in Funktionen deklariert, die in einer externen JS-Datei.

InformationsquelleAutor Ryre

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.