How to assign a PHP variable value to JavaScript variable

Question

In this code which I am posting i have one problem. I want my PHP variable to be stored in JavaScript variable but it shows error. The code is below.

<?php
    $name="anurag singh";

    echo '
        <html>
            <head>
            <script type="text/javascript" src="jquery-2.0.2.js"></script>
            <script type="text/javascript">
                $(document).ready(function(){
                    var name1=.$name.";"
                    $.post("main_page.php",{input1: name1}, function(msg){
                        alert("hi "+msg);
                    });
                });
            </script>
            </head>

            <body>
                <h1>This is the demo!</h1>
                <h2>In echo we can add more than one statements</h2>
            </body>
        </html>
    ';
?>

Now when I am assigning $name to the variable name1 than I get an syntax error. Please let me know what changes I have to make. So that I get the value of the PHP variable $name stored in JavaScript variable name1.

Try this example link

Sunil Kumar
– Sunil Kumar

2013-07-31 13:18:15 +00:00
Commented Jul 31, 2013 at 13:18 — Sunil Kumar
– Sunil Kumar, Commented Jul 31, 2013 at 13:18

Bora · Accepted Answer · 2013-07-31 13:13:50Z

5

In javascript with echo version: var name1= "'.$name.'";

<?php
$name = "anurag singh";
echo '
    <html>
        <head>
        <script type="text/javascript" src="jquery-2.0.2.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                var name1= "'.$name.'";
                $.post("main_page.php",{input1: name1}, function(msg){
                    alert("hi "+msg);
                });
            });
        </script>
        </head>

        <body>
            <h1>This is the demo!</h1>
            <h2>In echo we can add more than one statements</h2>
        </body>
    </html>
    ';
?>

And you can use like var name1= "<?php echo $name; ?>"; seperated html and php

<?php
   $name="anurag singh";
?>

<html>
    <head>
    <script type="text/javascript" src="jquery-2.0.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var name1= "<?php echo $name; ?>";
            $.post("main_page.php",{input1: name1}, function(msg){
                alert("hi "+msg);
            });
        });
    </script>
    </head>

    <body>
        <h1>This is the demo!</h1>
        <h2>In echo we can add more than one statements</h2>
    </body>
</html>

edited Jul 31, 2013 at 13:13

answered Jul 31, 2013 at 13:07

Bora

10.7k5 gold badges50 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Anurag Singh Over a year ago

no i do not want the html part to be separate. all the html part has to be displayed in the echo part only

Maciej A. Czyzewski Over a year ago

<?=$name?> it's the same.

NDM Over a year ago

@user1334573 accept this as the answer if your problem is solved

DonOfDen · Accepted Answer · 2013-07-31 13:08:18Z

0

<?php
$name="anurag singh";
echo '
<html>
    <head>
    <script type="text/javascript" src="jquery-2.0.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var name1='.$name.'";"
            $.post("main_page.php",{input1: name1}, function(msg){
                alert("hi "+msg);
            });
        });
    </script>
    </head>

    <body>
        <h1>This is the demo!</h1>
        <h2>In echo we can add more than one statements</h2>
    </body>
</html>
        ';
?>

answered Jul 31, 2013 at 13:08

DonOfDen

4,06812 gold badges70 silver badges115 bronze badges

Comments

Splendiferous · Accepted Answer · 2013-07-31 13:08:28Z

0

echo it into a script tag

echo '<script> var name = '.$name.';</script>';

answered Jul 31, 2013 at 13:08

Splendiferous

7632 gold badges6 silver badges17 bronze badges

Comments

Adil Shaikh · Accepted Answer · 2013-07-31 13:08:36Z

0

You can do it this way -

<?php $name="anurag singh"; ?>
<html>
    <head>
    <script type="text/javascript" src="jquery-2.0.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var name1="<?php echo $name ?>";
            $.post("main_page.php",{input1: name1}, function(msg){
                alert("hi "+msg);
            });
        });
    </script>
    </head>

    <body>
        <h1>This is the demo!</h1>
        <h2>In echo we can add more than one statements</h2>
    </body>
</html>

answered Jul 31, 2013 at 13:08

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

Comments

Ahmed Habib · Accepted Answer · 2013-07-31 13:10:13Z

0

You are pasing string $ame not variable as because you have used '...' this let the php know that its string no more variables inside this string.

<?php
$name="anurag singh";
?>

<html>
    <head>
    <script type="text/javascript" src="jquery-2.0.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var name1=<?pgp echo $name ?>;
            $.post("main_page.php",{input1: name1}, function(msg){
                alert("hi "+msg);
            });
        });
    </script>
    </head>

    <body>
        <h1>This is the demo!</h1>
        <h2>In echo we can add more than one statements</h2>
    </body>
</html>

answered Jul 31, 2013 at 13:10

Ahmed Habib

18911 bronze badges

Comments

VIVEK-MDU · Accepted Answer · 2013-07-31 13:18:33Z

0

try this

  $(document).ready(function(){
        var name1="'.$name.'";
        $.post("main_page.php",{input1: name1}, function(msg){
            alert("hi "+msg);
        });

you can assign this value like var name= "'. $name.'";

edited Jul 31, 2013 at 13:18

answered Jul 31, 2013 at 13:10

VIVEK-MDU

2,5593 gold badges41 silver badges64 bronze badges

Collectives™ on Stack Overflow

How to assign a PHP variable value to JavaScript variable

6 Answers 6

3 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related