jquery ajax not passing data to php?

Question

I am trying to pass javascript Date object to php, but when i dump $_POST it returns empty array or string. I am doing this in same file, so in file.php are php code and javascript code. Also javascript shows that everything is correct because it alert in success function.

<?php
var_dump($_POST); //returns empty array
var_dump($_POST['zone']); //returns null
?>

<script type="text/javascript">
  var date = new Date();
  $.ajax({
      type:'POST',
      data: {zone : date},
      success: function(data){
         alert("test"); //this runs normally
      },
      error: function(xhr, textStatus, error){
            console.log(xhr.statusText);
            console.log(textStatus);
            console.log(error);
      }     
  });   
</script>

Comments are not for extended discussion; this conversation has been moved to chat. — George Stocker
– George Stocker, Commented Jan 18, 2016 at 19:33

Twisty · Accepted Answer · 2016-01-18 18:04:54Z

3

Here is some code I tested on phpfiddle.org:

<?php
if(isset($_POST['zone'])){
    // Only runs when there is a Post for 'zone'
    //var_dump($_POST);
    echo $_POST['zone'];
} else{
?>
<html>
    <head>
        <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
    </head>
    <body>
        <script type="text/javascript">
            var date = new Date();
            function postZone(){
                $.ajax({
                    type:'POST',
                    data: {zone : date},
                    success: function(data){
                        console.log(data);
                        //alert("test"); //this runs normally
                        $("#zone").html(data.substring(data.indexOf("(")) + " is client TimeZone.");
                    },
                    error: function(xhr, textStatus, error){
                        console.log(xhr.statusText);
                        console.log(textStatus);
                        console.log(error);
                    }     
                });   
            }
            postZone();
        </script>
        Running Post.
        <div id='zone'></div>
    </body>
</html>
<?php
}
?>

Here is what I saw in the Post results:

array(1) {
  ["zone"]=>
  string(57) "Mon Jan 18 2016 09:44:17 GMT-0800 (Pacific Standard Time)"
}
string(57) "Mon Jan 18 2016 09:44:17 GMT-0800 (Pacific Standard Time)"

Adding the if statement helps to not confuse the results. Not sure how you'll do this if you're including this code. As I said in my comment, you;re not passing the Date object in your Post, so you should pass the specifics of what you need to PHP.

Edit

Updated code. You can now see the data in console and the results show are:

Running Post.
(Pacific Standard Time) is client TimeZone.

This of course will be different for each client.

edited Jan 18, 2016 at 18:04

answered Jan 18, 2016 at 17:47

Twisty

31k2 gold badges30 silver badges50 bronze badges

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

6 Comments

user1814358 Over a year ago

Not works :/ Even i tried in new file. It alert test, but not dump it from php...

Twisty Over a year ago

The dump is sent back to your Ajax, and since you don't do anything with the data, you're not seeing it. What do you want done with the data that is returned?

user1814358 Over a year ago

No errors. Success function runned because it alert test.

Twisty Over a year ago

Made a minor update to my code. No more alert, but you can see the manipulated data now.

Twisty Over a year ago

Will do! No idea when that might be, since I do not get out of the US too often. I will add it to places to visit.

|

Collectives™ on Stack Overflow

jquery ajax not passing data to php?

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related