Reload a specific controller after Ajax Call

Question

I have embed a controller in a template:

{% render "AcmeUserBundle:User:showUsersList"} %}

<a onClick="changeStatus({{user.getUserId()}})"

The aim is simple:

The user clicks on the link which updates the status via ajax (this works fine)
Reload the embedded controller only, not the entire page!

At the moment, I managed to do this, by reloading the entire page using document.location.reload(true); This has no point so far...

Here is the ajax part:

//...
function changeStatus(userId){
    $.ajax({
        type: "POST",
        url: ajaxControllerPath,
        data: "userId="+userId,
        success: function(){
            document.location.reload(true); 
        }
    });  
}

How would you reload the embedded controller only?

Mick · Accepted Answer · 2013-03-12 01:42:25Z

3

This is working so far:

Embed the controller within a div:

<div id="block1">
    <a onClick="changeStatus({{user.getUserId()}})"
</div>

And reload the controller using javascript at the end of the ajax call

$('#block1').load("{{ path('show_users_list') }}");

Does anyone have a better suggestion?

edited Mar 12, 2013 at 1:42

answered Aug 18, 2012 at 7:07

Mick

32.2k17 gold badges114 silver badges132 bronze badges

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

Comments

Carlos Granados · Accepted Answer · 2012-08-18 21:45:40Z

2

When you call the ajax controller, this controller could render the showUsersList template and return the generated html as a json object:

$answer['html'] = $this->forward('AcmeUserBundle:User:showUsersList')->getContent(); 
$response = new Response();                                                
$response->headers->set('Content-type', 'application/json; charset=utf-8');
$response->setContent(json_encode($answer));
return $response

Then in your javascript use this generated html to replace the content of the controller part of the page (use a div or similar to identify it)

<div id="changethis">{% render "AcmeUserBundle:User:showUsersList"} %}</div>

function changeStatus(userId){
    $.ajax({
        type: "POST",
        url: ajaxControllerPath,
        data: "userId="+userId,
        success: function(returnData){
            $('#changethis').html(returnData['html']);
        }
    });  
}

edited Aug 18, 2012 at 21:45

answered Aug 18, 2012 at 7:59

Carlos Granados

11.4k1 gold badge40 silver badges45 bronze badges

1 Comment

Mick Over a year ago

Thanks @Carlos. That looks good. There is an error in render() as render can only render a template within a controller:$answer['html'] = $this->render("AcmeUserBundle:User:showUsersList.html.twig"); This is not working yet.

Collectives™ on Stack Overflow

Reload a specific controller after Ajax Call

I have embed a controller in a template:

Here is the ajax part:

How would you reload the embedded controller only?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

I have embed a controller in a template:

Here is the ajax part:

How would you reload the embedded controller only?

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related