我的 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")
在不同的位置放置了行。
如果有人有线索,非常欢迎。