Ajax Json Symfony 2

Question

I'm getting an ajax failed when working with symfony2 in ajax.

Any ideas?

HTML

              $.ajax({
                  url: "{{ path('destination_app_ajax') }}",
                     type: "post",
                     data: {
                         "json" : JsonData
                     },
                     success: function(JsonData){  
                          $('#result').html(JsonData);

                          /* Clear all Data */  
                          JsonData = "";
                          localStorage.clear();
                          alert("Data Sent!");

                     },
                      error:function(){
                          alert('ajax failed');    
                      }   
                });

Controller

public function ajaxAction(){

    $json = json_encode($_POST);

    return new Response(array('json' => $json));


}

Just a comment but you should have a look at the JsonResponse object class in Symfony2. more useful than manually encoding your response, and it sets appropriate headers etc. Additionally, you should look further into what error status you are getting from the server on the jQuery side - jQuery.ajax().error() has the following method signature: Type: Function(jqXHR jqXHR, String textStatus, String errorThrown). A status code can go a long way in debugging... — Darragh Enright
– Darragh Enright, Commented Feb 26, 2014 at 16:25

dmnptr · Accepted Answer · 2014-02-26 16:27:44Z

1

Your response should look like this:

public function ajaxAction(){

    $json = json_encode(array('json' => $_POST));

    return new Response($json, 200, array('Content-Type'=>'application/json'));
}

answered Feb 26, 2014 at 16:27

dmnptr

4,3141 gold badge23 silver badges19 bronze badges

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

2 Comments

Brent Over a year ago

Thanks man I had to also add use Symfony\Component\HttpFoundation\Request; use Symfony\Component\HttpFoundation\Response; to top

dmnptr Over a year ago

Sure, that goes without saying. If you use object, add use statement.

Krish R · Accepted Answer · 2014-02-26 16:36:20Z

1

Try this,

echo  json_encode(array('json' => $_POST));

Script:

    $.ajax({
        url: "{{ path('destination_app_ajax') }}",
           type: "post",
           data: {
               "json" : JsonData
           },
           success: function(data){  
                $('#result').html(data.json);
                /* Clear all Data */                    
                localStorage.clear();
                alert("Data Sent!");

           },
            error:function(){
                alert('ajax failed');    
            }   
      });

edited Feb 26, 2014 at 16:36

answered Feb 26, 2014 at 16:25

Krish R

22.7k7 gold badges54 silver badges60 bronze badges

Collectives™ on Stack Overflow

Ajax Json Symfony 2

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related