I have recently been working with SweetAlert2 on my project, and I would like to put together a "Add Note" feature.

User clicks on a button, gets directed to a page, and the following executes.

swal({

title: "Add Note",

input: "textarea",

showCancelButton: true,

confirmButtonColor: "#1FAB45",

confirmButtonText: "Save",

cancelButtonText: "Cancel",

buttonsStyling: true

}).then(function () {

swal(

"Sccess!",

"Your note has been saved!",

"success"

)

}, function (dismiss) {

if (dismiss === "cancel") {

swal(

"Cancelled",

"Canceled Note",

"error"

)

}

})

What I am trying to accomplish, and have a had a difficult time with is utilizing ajax to post the data from the inputfield "textarea".

I would also like to validate that a submission was successful or failed by using the following

'Success'

swal(

"Sccess!",

"Your note has been saved!",

"success"

)

"Failed"

swal(

"Internal Error",

"Oops, your note was not saved."

"error"

)

I also need to pass a PHP object to the ajax (a unique customer ID key), and allow ajax to save the data.

Sweet Alert doesn't give much documentation as to how to utilize ajax, and have had a difficult time finding more information pertaining to my problem with stackoverflow, and online searches.

Any help would be greatly appreciated.

JSFiddle example;