Level 51
Anyone know the best way to achieve this?
The window.setTimeout(function(){ } ,3000); doesn't help....
Aug 12, 2015
12
Level 51
Using SweetAlert and location.reload()
Hi all,
Need a bit of advise/help
I want to show a sweet alert message when a user clicks on this ajax post request to notify the user that they are now following the other user. Here's what I have already.
<script>
$(document).ready(function(){
$('#followUser').click(function(e) {
e.preventDefault();
var url = '{!! url() !!}/follow/{!! $profile->user->id !!}';
$.ajax({
type: "POST",
url: url,
data: {
'follower': '{!! Auth::id() !!}',
'followed_by': '{!! $profile->user->id !!}'
},
cache: false,
success: function(){
swal({
title: "Success!",
text: "You are now following",
type: "success",
timer: 3000,
showConfirmButton: false
});
window.setTimeout(function(){ } ,3000);
location.reload();
}
});
return false;
});
});
</script>
But the sweet alert only display in a matter of milliseconds before it does the reload so how can I display this message via sweet alert for 3 seconds then just has the alert disappears, do the reload??
Level 5
@lstables You have to put your location.reload inside the timeout function.
Change this:
window.setTimeout(function(){ } ,3000);
location.reload();
To this:
window.setTimeout(function(){
location.reload();
} ,3000);
If it's not inside it will get called immediately
Level 3
I think its more user friendly to show the alert after the reload
1 like
Level 51
So how would I do this after the reload? @boynet
Level 3
Maybe you can develop a little plugin just like jeffrey do here but in js: https://laracasts.com/series/build-project-flyer-with-me/episodes/9
in every load check the localstorage for a new notification if there is than just show the alert..
Level 51
I am using that within the video, but this is something a little different.
Level 3
its the same.. just implement it in javascript.. instead of sessions use localstorage
Level 11
Maybe;
swal({
title: "Success!",
text: "You are now following",
type: "success",
timer: 3000,
showConfirmButton: false
}), function(){
location.reload();
});
1 like
Level 51
Tried that already and doesn't work @nfauchelle
@boynet I wished I knew enough javascript to do so, but unfortunately I don't hence me asking for help :)
Level 3
google and learn about : localstorage
after you know how to use it just think about what you trying to do... you want to know after refresh if you need to show alert so in js in each time:
// check for unflashed alerts messages
// if there is than call the alert api
before refresh with alert:
//insert data into localsotrage
//call refresh
1 like
Level 51
Ok will do, i'm on it now.
Level 51
So i decided to do it like this and seems to be working now, thanks for the help and advise.
localStorage.setItem("swal",
swal({
title: "Success!",
text: "Message sent",
type: "success",
timer: 3000,
showConfirmButton: false
})
);
location.reload();
localStorage.getItem("swal");
Please or to participate in this conversation.