SweetAlert不会等待

Question

我在ajax中使用swal，但swal不会等到您发出请求，下面是我的代码：

$("#btnSubmit").click(function() {
    var data = $("#myForm").serialize();

    $.ajax({
        type: "POST",
        url: myURL,
        data: data,
        success: function(response) {
            swal({
                title: "Success",
                text: "Data added.",
                icon: "success"
            })
                .then(() => {
                    window.location.replace(referrer);
                });

        }
    });
});

Answer 1

我没有任何机会重现你的问题。有关示例，请参阅代码片段。控制台是否有错误？这些对我们来说是有帮助的。

​

const btn = document.querySelector('#test');

btn.addEventListener('click', () => {

  fetchTodos()
    .then(() => {
      swal({
        title: 'Success',
        text: "This is in fetchTodos().then()",
        icon: 'success',
      }).then(() => console.log('Do something here'));
    })

});

function fetchTodos() {
  return fetch('https://jsonplaceholder.typicode.com/todos/1')
    .then(response => response.json())
    .then(json => console.log(json))
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
<button id="test">
  SweetAlert
</button>

​