send value from php file to js file

Question

i want pass value from php to js file , code like this but not working what wrong ?

thanks

php file

$var = 10;
<script>
var phpVar = "<?php echo json_encode($var) ?>;";
</script>
<script type="text/javascript" src='vendor/circliful/circliful.custom.js'></script>

js file

$("#overallProgress").circliful({
        animationStep: 5,
        foregroundBorderWidth: 12,
        backgroundBorderWidth: 6,
        percent: 'alert(phpVar);', **<-- place value from php**
        fontColor: '#000000',
        foregroundColor: '#1a8e5f',
        backgroundColor: 'rgba(0, 0, 0, 0.1)',
//      icon: '\eab4',
        iconColor: '#1a8e5f',
        iconPosition: 'middle',
//      text: 'Statistik',
        textBelow: true,
        animation: 1,
        animationStep: 1,
        start: 2,
        showPercent: 1,     
    });

sorry all i have mistake code in php this right code

<?php
$var = 67;
?>
<script>
var phpVar = <?php echo json_encode($var) ?>;
</script>
<script type="text/javascript" src='vendor/circliful/circliful.custom.js'></script>

Try removing the quotes, too. `json_encode` should produce valid JavaScript. Also *inspect the output* source to be sure it looks correct. — tadman, Aug 16 '20 at 23:20
Does this answer your question? [How do I pass variables and data from PHP to JavaScript?](https://stackoverflow.com/questions/23740548/how-do-i-pass-variables-and-data-from-php-to-javascript) — MimoudiX, Aug 16 '20 at 23:22

score 0 · Accepted Answer · answered Aug 16 '20 at 23:26

0

alert is a javascript function which display a message box, also you can't wrap it in a single quote, just add phpvar variable and test

percent: phpVar,

answered Aug 16 '20 at 23:26

Walid Said

61
2

percent: phpVar, not working – andry gusnardry Aug 16 '20 at 23:29
is there any javascript errors in console?try to log the value of phpVar before that function `console.log(phpVar); $("#overallProgress").circliful({ ` – Walid Said Aug 16 '20 at 23:32
my site show white screen...no log – andry gusnardry Aug 16 '20 at 23:35
if you're using googe chrome browser press ctrl + shift + i and check for any errors in the console tab – Walid Said Aug 16 '20 at 23:38
Failed to load resource: the server responded with a status of 500 () this theme complex , if make false value get white screen if percent: '10', error disappeared – andry gusnardry Aug 16 '20 at 23:44
I think you need to review the code on server side first, it seems like you have an error on the back-end – Walid Said Aug 16 '20 at 23:48
check my question already edit...this my mistake coding in php file.....thank for your time – andry gusnardry Aug 16 '20 at 23:51

send value from php file to js file

1 Answers1