SweetAlert 中使用 PHP 变量的自定义消息

Question

我想使用 PHP 文件中的返回变量来显示 SweetAlert 中可能出现错误的自定义消息。有可能吗？

文件 PHP：

if ($a > $b) {
    echo "true";
    $msg = "First personalised message";
    exit;
} elseif ($a == $b) {
    echo "true";
    $msg = "Second personalised message";
    exit;
} else {
    echo "false";
    exit;
}

JAVASCRIPT 代码：

$(document).ready(function ($) {
    $('#moving_send_toners').on('submit',function(e) {
        if ($("#moving_send_toners").valid()) {
            $.ajax({
                url:'action_send_toners.php',
                data:$(this).serialize(),
                type:'POST',
                success:function(data){
                    if (data == 'false') {
                        console.log(data);
                        swal('Sucesso!', 'Ação realizada.', 'success');
                        $('#moving_send_toners')[0].reset();
                    }
                    if (data == 'true') {
                        swal('Ops!', "Toner não pode ser enviado :(", "error");
                    }
                },
                error:function(data){
                    swal("ERRO!", data.msg, "error");
                }
            });
        }
        e.preventDefault();
    })
});

Answer 1

从您包含的图像来看，您似乎想在 .error() 回调中使用 PHP 的响应，而不是 .success () 回调（这是使用后端响应的通常方式）。

当请求失败时，会触发 .error() 回调。 来自文档：

错误。
请求失败时调用的函数。该函数接收三个参数：...第二个参数（除了 null 之外）的可能值为“timeout”、“error”、“abort”和“parsererror”。当发生 HTTP 错误时，errorThrown 会接收 HTTP 状态的文本部分，例如“未找到”或“内部服务器错误”。

所以你可以看到这个回调处理的错误类型是 404 错误、500 服务器错误、网络超时等。对于这种错误，你的 PHP 没有运行。此处理程序仅在 PHP 未运行时才会触发，因此无法从 PHP 向其传递消息。

如果您确实想在您的成功处理程序中使用该消息，请按以下方法操作。首先在 PHP 中：

if ($a > $b) {
    $response = [
        'status'    => true,
        'message'   => 'First personalised message'
    ];
    
} elseif ($a == $b) {
    $response = [
        'status'    => true,
        'message'   => 'Second personalised message'
    ];

} else {
    $response = [
        'status'    => false,
        'message'   => ':-('
    ];
}

header('Content-Type: application/json');
echo json_encode($response);
exit;

然后在 Javascript 中使用返回的 JSON：

success: function(response) {
    console.dir(response);
    
    if (response.status === false) {
        swal('Sucesso!', response.message, 'success');
        $('#moving_send_toners')[0].reset();
        
    } else {
        swal('Ops!', response.message, "error");
        
    }
},