javascript - 如何防止错误 : "Window navigated away"

Question

我不断收到以下错误 Error: "Window navigated away" 并且我不知道如何阻止此错误的发生，当它确实发生时它也阻止我离开我当前的网页开始了我对 Jquery 和 Javascript 还很陌生，所以我需要很多帮助来阻止这种情况的发生。

这是我的代码

if($('#button').length){
    paypal.Buttons({
        env: '<?= PAYPAL_ENVIRONMENT ?>',
        style:{
            height: 100,
        },
        createOrder: function() {
            let formData = new FormData();
            formData.append('return_url',  '<?= $baseUrl.$URL["redirectUrls"]["returnUrl"]?>' + '?commit=false');
            formData.append('cancel_url', '<?= $baseUrl.$URL["redirectUrls"]["cancelUrl"]?>');

            return fetch('<?= $rootPath.$URL['services']['orderCreate']?>',
                {
                    method: 'POST',
                    body: formData
                }
            ).then(function(response) {
                return response.json();
            }).then(function(resJson) {
                var txt = resJson.data.id;
                $.post('createid.php', {
                    order_id: txt
                });
                return resJson.data.id;
            });
        },
        onApprove: function(data, actions) {
            return fetch(
                '<?= $rootPath.$URL['services']['orderGet'] ?>',
                {
                    method: 'GET'
                }
            ).then(function(res) {
                return res.json();
            }).then(function(res) {
                $('.nonce').val(res.data.id);
            });

        },
        onCancel: function(data) {
            $('#c').html('<a id="anchor" name="anchor"><p>Cancelled  order.</p></a>');
            location.href = '#cancelled';
        },
        onError: function(err) {            
            $('#e').html('<a id="anchor" name="anchor"><p>Error.</p></a>');
            location.href = '#error';
        }
    }).render('#button');
}

Answer 1

我收到了同样的错误消息，它只出现在 Microsoft Edge 和 IE 中，在我的例子中，这是由于下面的 java 脚本代码/jquery/php 代码中的额外空格字符 -

我改变了(空格在“基本”字之前)

location.href = "<?= base_url(); ?>Property/Transaction/error";

到

location.href = "<?=base_url(); ?>Property/Transaction/error";

如果回滚更改再次出现此问题并实现此小更改即可解决它。所以我想分享它。您还应该检查 url 中的任何特殊字符，这些字符也可能导致这种重定向错误。

我想到它的原因是由于 stackoverflow 上的另一个问题 - window.location.href not working on IE