load view using ajax symfony2

Question

I'm very new to symfony2 and I'm getting some problems to load a view using ajax when the user clicks on a div. Using firebug I can see the data is returned but I can not append the result in the page.

My Code: //Default Controller

public function indexAction($num, Request $request)
    {
        $request = $this->getRequest();

        if($request->isXmlHttpRequest()){
            $content = $this->forward('PaginationBundle:Default:ajax');
           $res = new Response($content);
            return $res;
        } 

        return $this->render('PaginationBundle:Default:index.html.twig', array('num' => $num));
    }

        public function ajaxAction()
    {
        return $this->render('PaginationBundle:Default:page.html.twig');
    }
}

My Js: When clicking on #target, I'd like to load page.html.twig in my div

$("div#target").click(function(event){
    t = t +1;
    $.ajax({
       type: "POST",
       cache: "false",
       dataType: "html",
       success: function(){
       $("div#box").append(data);    
       }
    });
  });

I'm using isXmlHttpRequest() in my controller to detect if it's an ajax request to load ajaxAction. I get that view on firebug but it's not appended in my div#box. div#box exists in index.html.twig

Thanks everybody in advance

Why are you doing $request = $request->getRequest()? $request is already set. — Cerad
– Cerad, Commented Mar 1, 2012 at 15:50
thanks, I'm a little bit confused yet and I need to read the doc with more attention to details — rpa
– rpa, Commented Mar 2, 2012 at 1:56

Asish AP · Accepted Answer · 2013-02-22 04:21:00Z

6

In your $("div#target").click(function(event) event you didn't specify the url parameter in ajax call, and another thing is you must specify an argument inside the 'success' parameter of ajax call.

$("div#target").click(function(event){
    t = t +1;
    $.ajax({

       type: "POST",
       url: "{{path('yourpath-means header name in routing.yml')}}",
       cache: "false",
       dataType: "html",
       success: function(result){
       $("div#box").append(result);    
       }
    });
  });

Hope this helps... Happy coding

edited Feb 22, 2013 at 4:21

answered Mar 1, 2012 at 15:35

Asish AP

4,4412 gold badges30 silver badges50 bronze badges

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

Comments

Sgoettschkes · Accepted Answer · 2012-03-01 15:30:30Z

4

This has nothing to do with symfony but with your ajax options. Pece is right though: You can use the return from §this->forward directly as it is a Response object.

The problem lies within your ajax options. You must pass the data object within your inner function or data is simply null. Try this:

success: function(data){
    $("div#box").append(data);    
}

answered Mar 1, 2012 at 15:30

Sgoettschkes

13.2k5 gold badges62 silver badges78 bronze badges

Comments

pécé · Accepted Answer · 2012-03-01 14:20:46Z

2

I don't get your forward to treat AJAX call. Try this :

if($request->isXmlHttpRequest()){
    return $this->forward('PaginationBundle:Default:ajax');
}

Controller::forward() already returns a Response object ;)

answered Mar 1, 2012 at 14:20

pécé

12.7k5 gold badges52 silver badges55 bronze badges

1 Comment

rpa Over a year ago

This way is much better and I can get less and clear code. thanks a lot ! I tried like this: $this->render('PaginationBundle:Default:page.html.twig'); and worked well.

Collectives™ on Stack Overflow

load view using ajax symfony2

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related