0
トースト通知が完了した後にリダイレクトしようとしています。問題は、それが通知を示しているが、すぐに実際に通知を読み取るためにリダイレクトするトースト通知後にリダイレクトする方法
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('value')
},
type: $(form).attr('method'),
url: $(form).attr('action'),
data: $(form).serialize(),
dataType: 'json',
success: function (data) {
toastr.success('Hello','Your fun',{timeOut: 2000,preventDuplicates: true, positionClass:'toast-top-center'});
return window.location.href = '/';
},
error: function (data) {
var html = '<div class="alert alert-danger">Email/Password is invalid</div>';
$('#loginMsg').html(html);
}
として私は現在、AJAX要求を持っています。トースト通知を隠した後でのみ、どのようにリダイレクトできますか?
を使用してプラグインに依存してリダイレクトURL
を使用することができますコールバックオプションに関数内
toastr.options.onShown = function() { console.log('hello'); } toastr.options.onHidden = function() { console.log('goodbye'); } toastr.options.onclick = function() { console.log('clicked'); } toastr.options.onCloseClick = function() { console.log('close button clicked'); }
を与えますAJAXリクエストを作成して通知を表示する考えは完全に冗長であるようです。 –
なぜこれは冗長でしょうか。人がログインし、ホームページにリダイレクトされる前に、成功したログインの通知が表示されます。私はたくさんのサイトでこれを見てきました。しかし、冗長であっても、実際には私の質問の目的ではありません。 –
最初に質問に答えるには、 'onHidden'コールバックを使用してください。ドキュメントの「コールバック」セクションを参照してください:https://github.com/CodeSeven/toastr。第二に、リダイレクトする場合は、通知を表示してAJAXリクエストを作成することは冗長です。単一のリクエストを行う代わりに、2人を作って、通知がなくなるのを待っている間にユーザーを押しつけました。あなたの資格情報を正常に提供したときにページが変更されるという事実は、ログインしているユーザーにとって十分な手がかりです。 –