PHP, Jquery ajax not passing form as recognizable $_POST

Question

jQuery doesn't seem to be passing form variables or the http POST action when using the .ajax()

Doing a var_dump( $_POST ); results in an empty array.

Suggestions? What have I done wrong.... it's a simple concept - Someone esle posted a similar Q, but no one responded, his solution was adding an id to the form, mine already has that, so it's not fixing my issue.

currently I'm viewing the return page contents in firebug - I'm not doing anything yet, because I can't get the data to the server...(first things first).

My HTML

<script type="text/javascript">
$( document ).ready( function(){
    $( "#myform" ).submit( function () {
        $.ajax({
            type: "POST",
            dataType: "html",
            cache: false,
            url: "x.php",
            success: function( data ){              
                //...tell user there was success...
            },
            error: function( data ){
                //...tell user thre was a problem...
            }
        });
        return false;
    });     
});
</script>

<form name="myform" id="myform" action="" method="POST">
    <label for="name" id="name_label">x: </label>
    <input type="text" name="x" id="x" size="30" value=""/> 
    <input type="submit" name="submit" value="Submit"> 
</form>
<div id="results"><div>

And here is the (x.php) PHP code - very simple proof of concept...

<?php
var_dump( $_GET );
var_dump( $_POST );
var_dump( $_REQUEST );
?>

the response looks like this

array(0) {}
array(0) {}
array(1) {
  ["PHPSESSID"]=>
  string(26) "e1j18j..."
}

the form "myform", the text field "x"....

j-p
– j-p

2013-01-24 06:34:24 +00:00
Commented Jan 24, 2013 at 6:34 — j-p
– j-p, Commented Jan 24, 2013 at 6:34
Better use $.post() directly.

Mark Garcia
– Mark Garcia

2013-01-24 06:34:32 +00:00
Commented Jan 24, 2013 at 6:34 — Mark Garcia
– Mark Garcia, Commented Jan 24, 2013 at 6:34

Musa · Accepted Answer · 2013-01-24 06:48:09Z

5

You didn't pass any post data in the ajax call, try

    $.ajax({
        type: "POST",
        dataType: "html",
        cache: false,
        url: "x.php",
        data: $(this).serialize(),
        success: function( data ){              
            //...tell user there was success...
        },
        error: function( data ){
            //...tell user thre was a problem...
        }
    });

edited Jan 24, 2013 at 6:48

answered Jan 24, 2013 at 6:33

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

Comments

Blender · Accepted Answer · 2013-01-24 06:33:52Z

1

You need to serialize the form:

    $.ajax({
        type: "POST",
        data: $(this).serialize(),
        cache: false,
        url: "x.php",
        success: function( data ){              
            //...tell user there was success...
        },
        error: function( data ){
            //...tell user thre was a problem...
        }
    });

Without data, you aren't sending anything with your POST request.

answered Jan 24, 2013 at 6:33

Blender

300k55 gold badges462 silver badges511 bronze badges

Comments

Roger · Accepted Answer · 2013-01-24 06:43:21Z

0

You can do it like this

$(document).ready(function(){
   $( "#myform" ).submit( function () {
       $.ajax({
         type:'POST',
         data:'xname='+$("#x").val(),
         url:'SOMETHING.php',
         success:function(data){
           //Do something with the returned data
         }
       });
   });
});

And in the php file

echo $_POSST['xname'];

Hope this helps

answered Jan 24, 2013 at 6:43

Roger

1,7011 gold badge18 silver badges34 bronze badges

Collectives™ on Stack Overflow

PHP, Jquery ajax not passing form as recognizable $_POST

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related