Update Laravel View dynamically

Question

I am loading data from an API through JS send the data to the Laravel Controller and save them into the Database. After loading all the Ajax I want to display the data in a subview/section of the master.blade - Is it possible to render a View dynamically after the page finish loading, - also for later I want to update database rows and display the new data in the view dynamically.

//afater Ajax loading - update / display the data in the view
public function loadcomments() {
    $comments = Comment::all();
    $childcomment = Childcomment::all();
    return View::make('partial')
    ->with(compact('comments'))
    ->with(compact('childcomments'));
}

in user.blade.php (main site) I am defining

@section('comments')
    @include('partial')
@stop

and in the master.blade.php I am defining the yields:

@yield('content')

@yield('comments')

any idea how to render the site with the updated content?

Everon · Accepted Answer · 2015-01-23 12:30:06Z

4

Once the page has finished loading, with out making further AJAX calls to the Laravel app its self it will have no further part in the request.

You could just update the front end markup with JS or you can make a call back to your Laravel application using AJAX/jQuery to pull the data back out after it has added it to the database.

Use a resource controller or similar implementation to allow insertion and reading of the comments (CRUD) so you can pull data when you need using AJAX.

Edit

There are different ways to make a page dynamic on the front end all of these will usually include Javascript or another front end scripting language.

In the past I have used jQuery to handle updates of the page content using either JSON or XML/HTML but lately I have started to use AngularJS. Another library is EmberJS which I am currently learning to use but I feel front end languages are out of scope for the question.

There are many tutorials on updating the HTML after a page has loaded by making a call back to a controller or other resourceful route.

Say the posts have been saved to the database, if this is done AFTER the view has been returned to the browser you WILL have to use javascript to pull out the data and most likely have a piece of js code to tick over that "polls" your resource controller for new comments.

If a new comment has been detected a second request is made to pull the comments out OR the comments are returned from the polling requests using AJAX.

On the laravel side, a partial view could be returned or JSON, for simplicity we'll replace the view. You would make a jQuery selector for the current existing partial on the browser and then replace it with the one pulled from Laravel with AJAX.

$('#some-page .my-view-to-update').html(somedata);

My jQuery is VERY rusty so read up on the relevant documentation to update the HTML correctly.

edited Jan 23, 2015 at 12:30

answered Jan 23, 2015 at 12:08

Everon

3,8891 gold badge15 silver badges12 bronze badges

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

6 Comments

Everon Over a year ago

You could reload the page wit JS to force Laravel to bring back the new data but if you can leverage a simpe Jquery query to update the correct components you could just return the sub view from a controller and replace the part in the page you want to update.

mboeckle Over a year ago

okay I understand - if I pull the data back out of the database after I added them to the database, how to do I update the frontend? maybe I reload the page after the ajax loading is complete and the new data are in the DB?

mboeckle Over a year ago

"you could just return the sub view from a controller and replace the part in the page you want to update" - how to do that? this is actually my question ;)

mboeckle Over a year ago

allright, thx - anyway I tried to avoid .html or .append, because I am working with IDs which I want to access later through the DOM;

saimcan Over a year ago

I had problem loading pages incoming from database too, then i got involved with jQuery and javascript, which messed up one of my project. Using AngularJS would be a good option.

|

Zeshan Tariq · Accepted Answer · 2016-11-01 05:55:44Z

0

You can also use Pusher

take a look at this https://pusher-community.github.io/real-time-laravel/

answered Nov 1, 2016 at 5:55

Zeshan Tariq

412 bronze badges

1 Comment

Inzimam Tariq IT Over a year ago

this may answer the question but essential part of the answer should be here

Collectives™ on Stack Overflow

Update Laravel View dynamically

2 Answers 2

6 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related