17

我的 JSP 页面 (jQuery 1.7.2) 中有这个 jQuery 代码:

   function Header() {
      this.add = function ( parentDiv, leftToolbar, rightToolbar ) {
         hbHeader = Handlebars.compile( $( "#hb-header" ).html() );

         $( parentDiv ).html( hbHeader( {user:{tenantDescription:"", firstName:"", lastName:""},
            leftTB:null, rightTB:null } ) );

         $.ajax( {
            url:"${pageContext.request.contextPath}/services/login/sessionUser",
            type:"POST",
            async:true,
            success:function ( result ) {
               app.user = result;
               var ltHtml;
               var rtHtml;
               if ( leftToolbar ) {
                  ltHtml = new Handlebars.SafeString( leftToolbar );
               }
               if ( rightToolbar ) {
                  rtHtml = new Handlebars.SafeString( rightToolbar );
               }
               $( parentDiv ).html( hbHeader( {user:app.user,
                  leftTB:{
                     html:ltHtml,
                     hidden:leftToolbar == null
                  },
                  rightTB:{
                     html:rtHtml,
                     hidden:rightToolbar == null
                  }
               } ) )
            },
            error:function( jqXHR, textStatus, errorThrown ) {
               alert("error in ajax");
            }
         } );
      }
   }

在执行此代码之前,将注册一个ajaxSend和一个ajaxError侦听器。像这样:

  $( "#log-window" ).ajaxSend( function ( event, jqXhr, ajaxOptions ) {
     console.log( "handling an ajax request adding username and password to the header" );
     jqXhr.setRequestHeader( 'username', $.cookie( 'username' ) );
     jqXhr.setRequestHeader( 'password', $.cookie( 'password' ) );
  } );
  $( "#log-window" ).ajaxError( function ( errorThrown, xhr, failedReq, textStatus ) {
     alert("error in "+failedReq.url);
     if ( textStatus == 'timeout' ) {
        if ( !failedReq.tryCount ) {
           failedReq.tryCount = 1;
           failedReq.retryLimit = 3;
        }
        if ( failedReq.tryCount++ <= failedReq.retryLimit ) {
           //try again
           $.ajax( failedReq );
           return;
        }
        throw 'Es wurde ' + failedReq.retryLimit + ' Mal versucht. Die Verbindung scheint nicht zu funktionieren.';
        return;
     }
     if ( xhr.status == 500 ) {
        if ( $.cookie( 'pageRefreshed' ) == null ) {
           $.cookie( 'pageRefreshed', 'true', { expires:10000 } );
           location.reload();
        }
        throw 'Der Server hatte ein Problem. Bitte melden Sie den Fehler and den Systemadministrator';
     } else if ( xhr.status == 401 ) {
        if ( failedReq.url != "${pageContext.request.contextPath}/services/login" ) {
           var loginData = {
              username:$.cookie( 'username' ),
              password:$.cookie( 'password' )
           };
           loginAttempt( failedReq, loginData );
        }
     } else {
        throw 'Oops! There was a problem, sorry.';
     }
  } );

整个页面可以在http://alpha.sertal.ch:8181/VisionWeb/data-details/#data:12300923下访问

如果您愿意,您甚至可以登录。用户:alsoft03密码:password

第一次进行ajax调用时会发生什么,因为用户未登录而出现401错误;这就是 IE 失败的地方。ajaxSend侦听器被调用,但不是ajaxError。如果我在自身上设置了一个错误回调,$.ajax它也不会被调用。

当我使用真正的浏览器(Firefox、Chrome、Opera)打开页面时,它工作正常并要求输入密码。除非您按 IE,否则 IE 不会F12,在这种情况下,该站点也可以按预期工作。

这真的很奇怪。您在控制台打开的情况下加载页面并且它可以工作。控制台关闭后,它只显示一个空标题。页面加载后,您可以关闭控制台,它将继续加载。

我在各种机器上对此进行了测试并得到了相同的结果。

它让我疯狂。我无法调试,因为如果我用 F12 打开调试器,它工作正常。

我知道没有进行 ajax 回调,因为我alert("I got so far")在不同的位置放置了行。

如果有人有线索,非常欢迎。

4

4 回答 4

51

console.log()需要从脚本中删除所有实例,以便它在 IE9 中工作,而无需处于开发人员模式。

更新我很高兴这个答案帮助了一些人。只是想我会用我从HTML5 Boilerplate使用的简单解决方案来更新这个答案:

// Avoid `console` errors in browsers that lack a console.
(function() {
    var method;
    var noop = function () {};
    var methods = [
        'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
        'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
        'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
        'timeStamp', 'trace', 'warn'
    ];
    var length = methods.length;
    var console = (window.console = window.console || {});

    while (length--) {
        method = methods[length];

        // Only stub undefined methods.
        if (!console[method]) {
            console[method] = noop;
        }
    }
}());

将它放在您的代码之前,它应该可以帮助您避免在缺少控制台的浏览器中出现任何控制台错误。

于 2012-06-21T22:17:05.423 回答
2

console.log 在 IE 的开发人员模式之外未定义。我喜欢只做一个变量

var console = {log: function(){}};

当我不调试时。

于 2012-06-21T22:18:12.627 回答
1

我遇到了这个问题,我在脚本中注释掉了所有控制台引用,但它仍然只在 IE 中失败(11)。我发现解决方案是将缓存 false 添加到我的 AJAX 调用中。

$.ajax({
        **cache: false,**
        type : 'GET',})

我所有的输入都有属性 autocomplete="off"

于 2015-03-30T16:40:01.110 回答
0

真的它节省了我的时间,在 IE 11 中,我们应该将 cache:false 用于获取 ajax 来解决这个问题

于 2017-01-17T10:40:19.907 回答