PHP echo 未显示 SweetAlert2 弹出窗口

Question

当用户将用户名/密码输入框留空时，我正在尝试输出 SweetAlert2 消息框。

if(empty($_POST["username"]) || empty($_POST["password"]))  
       {  
           echo '<script language="javascript">';
           echo 'Swal.fire({
                          type: \"error\",
                          title: \"Oops...\",
                          text: \"Please provide login credentials!\"
                          })';
           echo '</script>'; 
       }  

我已包含 \ 以转义引号，但根本没有出现消息框。有什么想法吗？

Answer 1

为了避免大量转义，我通常在 PHP 中编写较大的 HTML 块，如下所示：

<?php
if(empty($_POST["username"]) || empty($_POST["password"])) {
?>
<script>
    Swal.fire({
        type: "error",
        title: "Oops...",
        text: "Please provide login credentials!"
    });
</script>
<?php } ?>

您的代码没有生成有效的 JavaScript，因为转义 \ 不是必需的，因此将被输出。您浏览器的 JavaScript 引擎不知道 type: \"error\" 应该是什么，您可能会在控制台中看到错误。

确保在显示警报的代码之前包含 SweetAlert2（使用 CDN 的示例）：

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>

也许你的身体底部有这个包含，但你的情况在你的页面中间？

编辑：HTML <script/> 元素的 language 属性是 deprecated，应该省略。