Toastr with AJAX

Viewed 14157

I am trying to get a toastr message to display from JSON retrieved via AJAX. This must be able to change the type of alert and its contents. I am not too clever with JSON, after reading up on it for a while i still have no idea where to start. Any pointers?

Ajax:

 function ping(data1)
    {
        $.ajax({
           type: "POST",
           url: "bridge/ping.php",
           data: "var1="+data1,
           success: 
        }
     });

Toastr:

          toastr.success("Message here","Title here)
3 Answers

I use it like this. It works perfect.

Server

$message = array('message' => 'Success!', 'title' => 'Updated');
return response()->json($message);

Client

success:function(data){
  setTimeout(() => {
  toastr.success(data.message, data.title);
  },500)
},
Related