Sweetalert2 Ajax - Eingabedaten eingeben

Question

Ich habe vor kurzem mit SweetAlert2 an meinem Projekt gearbeitet, und ich möchte eine "Notiz hinzufügen" -Funktion zusammenstellen.

Benutzer klickt auf eine Schaltfläche, wird auf eine Seite gerichtet, und das folgende wird ausgeführt.

<script>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" 
     ) 
     } 
    })</script> 

Was ich zu erreichen versuchen, und hat ein eine schwierige Zeit hatte mit Ajax nutzt die Daten aus dem Eingabefeld „Textfeld“ zu veröffentlichen.

möchte ich auch bestätigen, dass eine Vorlage erfolgreich war oder fehlgeschlagen ist mithilfe der folgenden

'Erfolg'

swal(
     "Sccess!", 
     "Your note has been saved!", 
     "success" 
    ) 

"Failed"

swal(
      "Internal Error", 
      "Oops, your note was not saved." 
      "error" 
     ) 

Ich muss auch passieren ein PHP-Objekt für den Ajax (ein eindeutiger Kunden-ID-Schlüssel) und erlaubt es Ajax, die Daten zu speichern.

<?php $CustomerKey; ?>

Süße Alarm geben nicht viel Dokumentation, wie Ajax zu nutzen, und haben eine schwierige Zeit der Suche nach mehr Informationen in Bezug auf mein Problem mit Stackoverflow und Online-Durchsuchungen hatten.

Jede Hilfe würde sehr geschätzt werden.

JSFiddle Beispiel;

https://jsfiddle.net/px0e3Lct/1/

Answer 1

Hallo, was Sie tun müssen, ist Ihre Ajax-Aufruf in der dann Funktion sweetalert zu machen und die Kundenschlüsselvariable als POST-Variable mit Ajax Daten Parameter.

var CustomerKey = 1234;//your customer key value. 
swal({ 
    title: "Add Note", 
    input: "textarea", 
    showCancelButton: true, 
    confirmButtonColor: "#1FAB45", 
    confirmButtonText: "Save", 
    cancelButtonText: "Cancel", 
    buttonsStyling: true 
}).then(function() {  
    $.ajax({ 
     type: "POST", 
     url: "YourPhpFile.php", 
     data: { 'CustomerKey': CustomerKey}, 
     cache: false, 
     success: function(response) { 
      swal(
      "Sccess!", 
      "Your note has been saved!", 
      "success" 
      ) 
     } 
     failure: function (response) { 
      swal(
      "Internal Error", 
      "Oops, your note was not saved.", // had a missing comma 
      "error" 
      ) 
     } 
    }); 
}, 
function (dismiss) { 
    if (dismiss === "cancel") { 
    swal(
     "Cancelled", 
     "Canceled Note", 
     "error" 
    ) 
    } 
}) 

Und die CustomerKey Wert in Ihre PHP-Datei enthalten, um nur zu bekommen

$CustomerKey = $_POST['CustomerKey '];

Viel Glück