防止 '確認導航' 與window.location.href

Question

警告我有一個按鈕：

<button type="button" class="btn btn-primary mt15 send-emails" name="SendEmails" value="true">Send Emails</button> 

與方法：

$('.send-emails').click(function (e) { 
     // build data and other stuff 
     $.post('/leads/sendemails', data, function (data, status, xhr) { 
      alert('Emails have successfully been queued for sending.'); 
      window.onbeforeunload = null; 
      window.location.href = '/Leads/Lead/' + @Model.LeadID; 
    }, 'json'); 
}); 

即使window.onbeforeunload = null;我仍然得到彈出警告：

我如何避免這種情況？

Answer 1

該解決方案如下：

$(window).unbind(); 

這將刪除onbeforeunload事件只是瀏覽器之前重定向到一個新的頁面使用location.href。

Answer 2

使用全局變量在重定向到像這樣的頁面之前進行檢查。有一個字符串變量來保存href您需要重定向和語句之前重定向它

(function($){ 
    var dontSubmit = false, 
     $form = $('form#my-form'); 

    // Prevent the trigger a false submission on link click 
    window.addEventListener("beforeunload", function (e) { 
     dontSubmit = true; 
     $form.trigger('submit'); 
    }); 

    $form.on('submit', function(event){ 
     if (dontSubmit) { 
      event.preventDefault(); 
      return; 
     } 

     // Continue on as normal 
    }); 
})(jQuery);