POST a javascript objet to a PHP file

Question

I try to post an JS object to PHP, but the PHP says nothing.. It looks like it don't recognize the POST...

Here is the JS :

$('.send').click(function() {
    var Scommand = JSON.stringify(command);// Command is my JS obj

    if (commande.type) {
        $.ajax({
            url:'test.php',
            context:$(this),
            type:'POST',
            data:Scommande,
            success : function(data){
                commande = {};
                window.location='test.php';
            }
        });//End Ajax
    }
    else {'PLz specify a type');}
});

And my PHP :

<?php
echo $_POST['type'];
?>

It returns : Notice: Undefined index: type in /Applications/MAMP/htdocs/BackOfficeDavid/test.php on line 2

Like nothing go throw the POST ... Any clue ?

It's a paste mistake :) Commande is composed by commande.type, commande.obj & command.header... @Cheery it didn't works ... — Xavier
– Xavier, Commented Jan 27, 2012 at 7:24

Supr · Accepted Answer · 2012-01-27 07:46:45Z

2

Disable/remove window.location='test.php';.

What might be happening is that the success callback is called, redirecting you to the test.php after everything is actually done. This would be a plain move to test.php, by GET, so there will be no parameters in $_POST.

Actually, better yet, replace window.location='test.php'; with alert(data), so you'll see what is returned. Otherwise it will seem like nothing happened since the ajax just completes successfully and silently in the background.

answered Jan 27, 2012 at 7:46

Supr

19.1k3 gold badges33 silver badges37 bronze badges

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

Comments

Noel De Martin · Accepted Answer · 2012-01-27 07:58:01Z

1

The problem is that you're converting the command to a string. The data on the ajax call has to be a JSON object, not a string. What you can do is pass the command variable directly:

var command = { type: "whatever" };

$.ajax({
    url:'test.php',
    context:$(this),
    type:'POST',
    data: command,
    success: function(data){
       command = {};
       window.location='test.php';
    }
});

answered Jan 27, 2012 at 7:58

Noel De Martin

2,8775 gold badges31 silver badges39 bronze badges

Comments

2 revs · Accepted Answer · 2012-01-27 07:14:43Z

1

You probably mean

data:'type=' + encodeURIComponent(Scommande),

instead of

data:Scommande,

This will URL-encode the Scommande variable and assign its value to the type POST variable.

Alternatively, you can rely on jQuery to do that for you by using

data: {'type': Scommande},

(PS. Not sure if the variable is meant to be named Scommand or Scommande. You probably have a typo somewhere)

edited Jan 27, 2012 at 7:14

community wiki

2 revs
Etienne Perot

Collectives™ on Stack Overflow

POST a javascript objet to a PHP file

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