JSON data not being sent in POST?

Question

I'm building an AJAX form and I'm trying to send 3 fields by JSON.

Client-side, the form is serialised and entered into JSON format:

$('#form-signin').live('submit', function(event) {
    var target = $('#ajax');
    var url = '/ajax/user/authenticateLevel2';

    $.ajax({

        type: "POST",
        url: url,
        data: $.base64.encode($('#form-signin').serialize()),
        dataType: 'json',

        success: function(data, status) {
            $.getJSON(url, function(data) {
                $('#ajax').html($.base64.decode(data.html));
                $('#ajax').modal();
            });
        }
    });
    event.preventDefault();
});

Server side, my router splits the URL request up, sees that the first part contains 'ajax' then proceeds to specially pass the routing request to an AJAX handler.

my problem is that even inside the router, checking $_REQUEST, which is what is used to get the information about the post, the post data is not there. The same goes with $_POST.

Even the first page where the request hits (index.php), $_REQUEST does not have the data.

What am I doing wrong?

Server Side,

The request is sent to an index.php which includes the Autoloader and init script.

The init script initialises the database connection, sets the error, exception and session handling, then passes the request onto the router.

The router, in its construction method: sets the URL as an array (exploded $_SERVER['REQUEST_URI']), and then sets the relevant controller, method and additional parameters.

In this case, as we are doing an ajax request, special processing happens before we dispatch the request.

The method parameters are set to:

    $requestParams = $_REQUEST;
    unset($requestParams['url']);

This request parameter(s) along with additional information (url, controller, method and database object) are passed for dispatch.

In all cases, we are primarily dispatching using this method:

            $dispatchedController = new $this->controller($this->database);
            $method = $this->method;

            return $dispatchedController->$method($this->params);

epascarello · Accepted Answer · 2012-12-24 16:06:35Z

1

If I remember right from using a plugin a long time ago, the method $.base64.encode() returns a single string so what you are probably sending to the server is something like a single parameter with no value.

I believe you should be doing something like

data: "foo=" + $.base64.encode($('#form-signin').serialize()),

answered Dec 24, 2012 at 16:06

epascarello

208k20 gold badges206 silver badges246 bronze badges

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

Comments

Musa · Accepted Answer · 2012-12-24 16:12:51Z

0

You are not sending json to the server just a base64 encoded string. Also you are expecting key/pair values. To send key/pair values just pass the serialized form data to the $.ajax function.

$('#form-signin').live('submit', function(event) {
    var target = $('#ajax');
    var url = '/ajax/user/authenticateLevel2';
    $.ajax({
        type: "POST",
        url: url,
        data: $('#form-signin').serialize(),
        dataType: 'json',
        success: function(data, status) {
            $.getJSON(url, function(data) {
                $('#ajax').html($.base64.decode(data.html));
                $('#ajax').modal();
            });
        }
    });
    event.preventDefault();
});

answered Dec 24, 2012 at 16:12

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Comments

Ulises · Accepted Answer · 2012-12-24 15:44:26Z

0

The code should work (assuming your HTML is not the problem here, e.g., '#form-signin' is the right selector for the right form).

You mentioned you are not able to get the data on the server side. However, are you absolutely sure you are even sending the data you need from the client? For example, have you analyzed the request using a tool such as Firebug?

answered Dec 24, 2012 at 15:44

Ulises

13.4k5 gold badges36 silver badges52 bronze badges

3 Comments

bear Over a year ago

Yep, firebug sees the json in the headers, so it's definitely being send client-side. Even decoding the JSON string, I get the form input I put in.

Ulises Over a year ago

@Shamil It sounds like you should be posting your server-side code then since the client is doing what is supposed to be doing.

bear Over a year ago

I have added a basic description of the process in the OP.

Collectives™ on Stack Overflow

JSON data not being sent in POST?

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related