Warum MVC Sweet Alert wird automatisch geschlossen?

Question

Unten sind meine Codierung. Bitte geben Sie an, warum der süße Alarm nur bis zu 1 Sekunde auftaucht und dann automatisch auf eine andere Seite umleitet.

Von HTML:

$.ajax({ 
    url: "/ABC/AddST/", 
    data: { 
    "username": $("#username").val(), 
    "fullname": $("#fullname").val() 
    }, 
    type: "POST" 
}).success(function(data) { 
    swal({ 
    title: "Done!", 
    text: "Sales Team was successfully added!", 
    type: "success" 
    }, function() { 
    window.location.href = '/ABC/STList'; 
    }); 
}).error(function(data) { 
    swal("Oops", "We couldn't connect to the server!", "error"); 
}); 

Von Controller:

[HttpPost] 
public ActionResult AddSalesTeam(string username, string fullname) 
{ 
    var st = new Sales(); 

    if (ModelState.IsValid) 
    { 
     st.Username = username; 
     st.FullName = fullname; 
     db.User.Add(st); 
     db.SaveChanges(); 
     return RedirectToAction("SalesTeamList"); 
    } 
    return View(); 
} 

Answer 1

Sie müssen es einen Timer geben.

swal({ 
    title: "Done!", 
    text: "Sales Team was successfully added!", 
    type: "success", 
    timer: 1000, // Wait 1 second 
    showConfirmButton: false // No reason to show the button 
}, function() { 
    window.location.href = '/ABC/STList'; 
}); 

Answer 2

Soweit ich von der Frage zu verstehen, wollen Sie die Warnung zeigen, und dann, wenn der Klick Benutzer in der bestätigen-Taste und dann auf die, /ABC/STList Seite umleiten (statt die Benutzer automatisch die Umleitung), Recht? Wenn ja. haben Sie mit diesem ?:

versucht

swal({ 
    title: "Done!", 
    text: "Sales Team was successfully added!", 
    type: "success", 
    showCancelButton: false, 
    confirmButtonText: "Ok", 
    closeOnConfirm: false 
}, function() { 
    window.location.href = '/ABC/STList'; 
}); 

========================

EDIT: Wenn Sie wollen können Sie Entfernen Sie die closeOnConfirm: false Zeile und das Popup wird nach dem Klicken auf die ok Schaltfläche geschlossen (aber Sie werden immer noch umgeleitet). Ist nur weil es besser für den Endbenutzer ist zu sehen, dass das Popup nach dem Klicken auf die Schaltfläche geschlossen ist.

Answer 3

Hinzufügen von e.preventDefault() vor und nach $ Ajax-Funktion wird tun.

e.preventDefault(); 
$.ajax({ 
    url: "/ABC/AddST/", 
    data: { 
    "username": $("#username").val(), 
    "fullname": $("#fullname").val() 
    }, 
    type: "POST" 
}).success(function(data) { 
    swal({ 
    title: "Done!", 
    text: "Sales Team was successfully added!", 
    type: "success" 
    }, function() { 
    window.location.href = '/ABC/STList'; 
    }); 
}).error(function(data) { 
    swal("Oops", "We couldn't connect to the server!", "error"); 
}); 
e.preventDefault();