AngularsJS POST JSON data to Symfony2

Question

I would like to know why this is not working , I have a AngularJS app witch sends trough AJAX data to a Symfony2 Application. As you can see, data is sent in my network console

<?php

namespace Supbox\CloudBundle\Controller;

use Symfony\Bundle\FrameworkBundle\Controller\Controller;
use Symfony\Component\HttpFoundation\JsonResponse;
class FolderController extends Controller
{
    public function createAction(){
        $post = $this->getRequest()->request;
        $name = $post->get("name");
        $folder = $post->get("folder");
        var_dump($post);
        die; 
    }
}

AngularJS code

    $http({
            method: 'POST', 
            url: route.folder.create, 
            data: {
                folder: $scope.id,
                name: name
            }
        })

Opera Network Console Output

Request URL:http://localhost/supbox/web/box/folder/create
Request Method:POST
Status Code:200 OK
Request Headersview source
Accept-Encoding:gzip,deflate,lzma,sdch
Accept-Language:fr-FR,fr;q=0.8,en-US;q=0.6,en;q=0.4
Connection:keep-alive
Content-Length:25
Content-Type:application/json;charset=UTF-8
Host:localhost
Origin:http://localhost
Referer:http://localhost/supbox/web/box/
User-Agent:Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36 OPR/20.0.1387.82
Request Payloadview source
{folder:1, name:Ang}
Response Headersview source
Connection:Keep-Alive
Content-Length:431
Content-Type:text/html
Date:Mon, 24 Mar 2014 13:25:53 GMT
Keep-Alive:timeout=5, max=100
Server:Apache/2.4.4 (Win64) OpenSSL/1.0.1d PHP/5.4.12
X-Powered-By:PHP/5.4.12

$post is a instance of ParameterBag which is empty... img15.hostingpics.net/pics/883753Sanstitre.png — Fabien Papet
– Fabien Papet, Commented Mar 24, 2014 at 14:06

Thomas Landauer · Accepted Answer · 2015-08-05 21:27:58Z

4

If you (Angular JS) post data through header as JSON you need to change your code like this:

public function createAction(){
    $post = $this->getRequest()->getContent();
    $post = json_decode($post);
    $name = $post->name;
    $folder = $post->folder;
    var_dump($post);
    var_dump($name); // null
    var_dump($folder); // null
    die; 
}

edited Aug 5, 2015 at 21:27

Thomas Landauer

8,43513 gold badges89 silver badges155 bronze badges

answered Mar 24, 2014 at 14:23

Javad

4,4073 gold badges23 silver badges36 bronze badges

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

5 Comments

Fabien Papet Over a year ago

it works... fine ... but i didn't get why. Why do I have to do something like that in POST whereas it works without for Get. any explanation is welcome :)

Javad Over a year ago

Because Angular JS does not post your data in normal post; it changes them ot JSON then pass the post data through header content. It's the nature of Angular JS (just in case if this works mark it as green ;-))

Fabien Papet Over a year ago

ok, is there a way to change that behaviour ? (for angular using jQuery's POST way)

Javad Over a year ago

I think you can change it to normal if you use $http.post instead. Check this documentation [docs.angularjs.org/api/ng/service/$http]

Fabien Papet Over a year ago

Your link is corrupted, please remove brackets ;)

Thomas Decaux · Accepted Answer · 2014-12-31 14:37:46Z

0

Dont know why, Angular $http sends data as request body, JSON encoded whereas Symfony2 is reading $_GET and $_POST arrays.

So you got 2 solutions:

1- Update Php code, you could override SF2 Request class (https://gist.github.com/ebuildy/fe1e708e466dc13dd736)

2- Update Js code, you can "transform" the $http request (https://gist.github.com/bennadel/11212050)

answered Dec 31, 2014 at 14:37

Thomas Decaux

22.8k3 gold badges129 silver badges139 bronze badges

Comments

chalasr · Accepted Answer · 2015-08-27 19:34:32Z

0

A bundle has been created to solve this problem, and it's very light.

qandidate-labs/symfony-json-request-transformer

answered Aug 27, 2015 at 19:34

chalasr

13.2k5 gold badges44 silver badges83 bronze badges

Collectives™ on Stack Overflow

AngularsJS POST JSON data to Symfony2

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related