Toastr with AJAX

Question

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)

Answer 1

Basically on your PHP side, you'll send back an encoded JSON like:

$arr = array('message' => 'your message here', 'title' => 'your title here');
echo json_encode($arr);

Now, on your client, you write the success:

success: function(data) {
    toastr.success(data.message, data.title);
}