how to pass js variable to php via ajax

Question

Hello I am new to js and I stuck on the problem about passing variables to php via ajax.

 <script>
            $date = "123";
            $.ajax({
                url: './record.php', 
                type: "POST",
                dataType:'text', 
                data: ({'date': date}),
                success: function(data){
                    console.log("successfully");
                }
            }); 
</script>

And below is my code in record.php file.

<?php
session_start();
if(!empty($_POST['date'])){
    //$hello = 'hh';
    $_SESSION['date'] = $_POST['date'];
    echo($_SESSION['date']);
}else{
    echo "its empty(var)";
}

?>

Page always print out "its empty(var)" and I checked console, it shows "successfully"... I already stayed on this problem for several hours and looked for a lot of similar post, but I still can't find where is the problem. Can anyone have a look at it? I also already loaded the jQuery library.

That's just a typo. You're setting a variable named $date, but are sending a variable named date. — roberto06
– roberto06, Commented Jul 20, 2017 at 8:21

Exprator · Accepted Answer · 2017-07-20 08:22:54Z

2

you ar mixing js variable with php variable, js variables are declared with var and php variables are declared with $fieldname

<script>
            var date = "123";
            $.ajax({
                url: './record.php', 
                type: "POST",
                dataType:'text', 
                data: {'date': date},
                success: function(data){
                    console.log("successfully");
                }
            }); 
</script>

edited Jul 20, 2017 at 8:22

answered Jul 20, 2017 at 8:18

Exprator

27.8k6 gold badges54 silver badges64 bronze badges

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

7 Comments

evolutionxbox Over a year ago

Does the var statement matter in a non-strict environment? --- Ah. It does when the second date doesn't match the first...

Exprator Over a year ago

yes because or else how will it understand its a js variable or not

Exprator Over a year ago

forgot the ; after it, try now

evolutionxbox Over a year ago

@Exprator of course it does jsbin.com/rudomihifu/edit?html,js,output

evolutionxbox Over a year ago

You're correct though, the OP was passing an undefined date variable, because they defined it as $date.

|

Sunil Rajput · Accepted Answer · 2017-07-20 08:23:32Z

0

if you want a PHP variable insite javascript you should define php variable first then asign it into js.

<?php $date = "123"; ?>';

<script>

            var date=<?php echo $date; ?>';
            $.ajax({
                url: './record.php', 
                type: "POST",
                dataType:'text', 
                data: ({'date': date}),
                success: function(data){
                    console.log("successfully");
                }
            }); 
</script>

Hope it wil helps you.

answered Jul 20, 2017 at 8:23

Sunil Rajput

9909 silver badges19 bronze badges

Comments

Armin · Accepted Answer · 2017-07-20 08:23:50Z

0

You cant mix server (php) and client (js)

you might to this

<?php $var = 0?>

then in html you create

<input id="something" type="hidden" value="<?php echo $var?>">

then you get that value via

document.getElementById("something").value;

answered Jul 20, 2017 at 8:23

Armin

3532 silver badges14 bronze badges

Comments

Ankit Singh · Accepted Answer · 2017-07-20 08:25:01Z

0

You are declaring $date and pass in your ajax as date.

Try this:

<script>
        var date = "123";
        $.ajax({
            url: './record.php', 
            type: "POST",
            dataType:'text', 
            data: {'date': date},
            success: function(data){
                console.log("successfully");
            }
        }); 
</script>

answered Jul 20, 2017 at 8:25

Ankit Singh

1,4871 gold badge13 silver badges22 bronze badges

Collectives™ on Stack Overflow

how to pass js variable to php via ajax

4 Answers 4

7 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

7 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related