How can i add a php variable into javascript?

Question

here is my code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<?php
$url = "http://api.wunderground.com/api/7d5339867b063fd0/geolookup/conditions/q/UK/".$area.".json";
?>

<script>

jQuery(document).ready(function($) {
  $.ajax({
 url : ,
dataType : "jsonp",
success : function(parsed_json) {
var location = parsed_json['location']['city'];
var temp_f = parsed_json['current_observation']['temp_f'];
alert("This is an example of a web service outputting using Json. The current temperature in " + location + " is: " + temp_f);
}
});
});

</script>

How can i add the "$url" variable into the javascript code at the location " url : "here",

Thanks

possible duplicate of [passing variables from php to javascript](http://stackoverflow.com/questions/7141860/passing-variables-from-php-to-javascript) — Alex Szabo, Nov 11 '14 at 13:27
possible duplicate of [How to pass variables and data from PHP to JavaScript?](http://stackoverflow.com/questions/23740548/how-to-pass-variables-and-data-from-php-to-javascript) — PLPeeters, Nov 11 '14 at 13:39

score 3 · Accepted Answer · answered Nov 11 '14 at 13:26

3

You just need to put it like that:

url : "<?=$url?>",

OR (best way):

url : "<?php echo $url; ?>",

answered Nov 11 '14 at 13:26

Magicprog.fr

4,072
4
26
35

score 3 · Answer 2 · answered Nov 11 '14 at 13:28

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <?php
    $url = "http://api.wunderground.com/api/7d5339867b063fd0/geolookup/conditions/q/UK/".$area.".json";
    ?>

    <script>

    jQuery(document).ready(function($) {
      $.ajax({
     url : "<?=$url?>",
    dataType : "jsonp",
    success : function(parsed_json) {
    var location = parsed_json['location']['city'];
    var temp_f = parsed_json['current_observation']['temp_f'];
    alert("This is an example of a web service outputting using Json. The current temperature in " + location + " is: " + temp_f);
    }
    });
    });

    </script>

Data from $url need to be between double quotes to be valid: `"=$url?>"` — Magicprog.fr, Nov 11 '14 at 13:29

score 1 · Answer 3 · answered Nov 11 '14 at 13:26

1

url : "<?php print $url ?>",

answered Nov 11 '14 at 13:26

friedi

4,350
1
13
19

Dávid Horváth · Answer 4 · 2014-11-11T13:55:42.303

1

Use json_encode():

var jsVar = <?=json_encode($phpVar)?>;

or in your case:

$.ajax({
    url: <?=json_encode($url)?>,
    dataType: "jsonp"
    // ...
});

This is the safest way, and works with any data (arrays etc.).

edited Nov 11 '14 at 13:55

answered Nov 11 '14 at 13:49

Dávid Horváth

4,050
1
20
34

How can i add a php variable into javascript?

4 Answers4