Question

我最近在我的项目中使用过SweetAlert2，我想整理一个＆＃34;添加注释＆＃34;特征。

用户点击按钮，转到某个页面，然后执行以下操作。

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

我想要完成的事情，并且遇到困难的时候是利用ajax从输入字段发布数据＆＃34; textarea＆＃34;。

我还想通过使用以下

来验证提交是成功还是失败

＆＃39;成功＆＃39;

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

＆＃34;失败＆＃34;

<?php $CustomerKey; ?>

我还需要将PHP对象传递给ajax（唯一的客户ID密钥），并允许ajax保存数据。

Describe*

Sweet Alert没有提供关于如何使用ajax的大量文档，并且很难找到有关stackoverflow和在线搜索的问题的更多信息。

非常感谢任何帮助。

JSFiddle示例;

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

Answer 1

您需要做的是在sweetalert函数中调用ajax函数，并使用ajax的数据参数将客户键变量作为POST变量传递。

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

要在php文件中获取customerKey值，只需包含

$CustomerKey = $_POST['CustomerKey '];

祝你好运

Answer 2

首先我看到SweetAlert2，所以我希望代替swal（）我会看到swal.fire（）

SweetAlert2与sweetalert不同

SweetAlert2文档：https://sweetalert2.github.io/

Sweetalert2 Ajax - 发布输入数据

2 个答案: