How to reload data into the page without reloading the whole page?

Hey guys.

First of all: I am still learning a lot, but already know the basics of laravel and love it. However, there is something, that has been bugging me for a while. If you can help me figure that out, I can bring my web apps to the next level.

How can I reload data from the db or from an API, without having to reload the hole page? I would use this approach in different fields, e.g.:

• I could use it to sort tables on different columns by re-executing the eloquent request. JS seems to get a little slow when there is a large dataset to be sorted
• I could send notifications to users without them having to reload the page periodically
• I could think of much more useful cases, e.g. embedding whatsapp to a site.

I have tried to do that using AJAX. This was not very satisfactory. Imagine the following: When I pass the loaded data from a db via controller to the blade, I have some helper functions. E.g. for the column "status", I obviously do not want to display the integer value of the status, but a nice badge, declaring the current status. If I now reload the table using AJAX (which worked), then I have no idea, how I can apply the php helper functions again on the status column.

In a nutshell: In a perfect world, I would love to send eloquent / api requests again – triggered by a button press or similar – and not reload the whole page. I would love to receive the data in a form, where I could still apply my php helper functions.

Thank you already for your answers. This forum has helped me a lot already. Shoutouts to @Sinnbeck, who helped me a lot just recently.

PS: I do not wanna use data tables :), and they would only solve half of my problem.