Using toastr with ajax

[samuelhgf]

• Toastr Version: 1.2.3
• Laravel Version: 7.1.3
• PHP Version: 7.4.3

Description:

Hi, there is any way to render the toastr without refresh or redirect the user? This would be nice for using with ajax requests.

Steps To Reproduce:

[yoeunes]

hi @samuelhgf, thanks for using this package. You could do something like this:

// add a new route to get the notifications from the session:
Route::get('/toastr', 'ToastrController');

<?php

namespace App\Http\Controllers;

class ToastrController
{
    public function __invoke()
    {
        $notifications = session('toastr::notifications', []);
        $max = config('toastr.maxItems') ?: 0;

        return response()->json([
            'options' => config('toastr.options', []),
            'notifications' => array_slice($notifications, -$max),
        ]);
    }
}

// add this snippet of code in your view template
<script type="text/javascript">
$(document).ready(function () {
            $.get('/toastr', function (response) {
                toastr.options = response.options;
                response.notifications.forEach(function (notification) {
                    toastr[notification.type](notification.message, notification.title, notification.options);
                });
            }, 'json');
        });
</script>

can you please confirm if this is working for you ?

[yoeunes]

[samuelhgf]

Hi @yoeunes Thanks for the support!

I fix it by calling the tostar JavaScript method in the ajax response.

[yoeunes]

good that you fixed it