提交表单后，sweetalert 在 php 中不起作用

Question

我有一个简单的PHP表单，在表单提交时我想显示甜蜜的警报，我做了以下代码：

<script src="https://unpkg.com/sweetalert2@7.8.2/dist/sweetalert2.all.js"></script>

<?php
if(isset($_POST['submit'])){
....
...
.....

    mail($to,$subject,$message,$headers);
  
 echo "<script type='text/javascript'>";
 echo "swal({
    title: 'Your Message Was Sent Successfully',
    type: 'success',

    confirmButtonColor: '#DD6B55',
    confirmButtonText: 'CLOSE',
  }).then(() => {
    if (result.value) {
      // handle Confirm button click
    } else {
      // result.dismiss can be 'cancel', 'overlay', 'esc' or 'timer'
    }
  });";
 echo "</script>";


        }
?>

然而sweetalert在表单提交后没有出现，谁能告诉我这里出了什么问题，提前谢谢

Answer 1

因为您的正文是空的，并且 sweetalert 将您的代码附加到空正文中，并且您的控制台中出现如下错误：

如果你想用这种方法发送警报，你的身体里应该有东西。

例如，我在代码上回显简单的跨度，它对我有用：

sssccc

<?php
if(isset($_POST['submit'])){
    mail($to,$subject,$message,$headers);
    // Simple span
    echo '';

  
 echo "sssccc";


        }
?>

或者，如果您使用 jQuery 而不是这样的警报，则可以使用 AJAX ：

sssccc
sssccc

<?php
if(isset($_POST['submit'])){
    mail($to,$subject,$message,$headers);
}
?>

sssccc