JQuery가 $ .ajax로 콘텐츠를로드 할 때 로그인 팝업 방지

Question

3 가지 다른 $.load(...) 검색어를 사용하여 3 블록의 콘텐츠를로드하는 index.html이 있습니다. 기본 http 인증을 사용하면 로그인과 패스가 4 회 요청됩니다. 페이지로드시 1, 각 내용에 대해 1

$.load url? (보안상의 이유로)에서 전달하지 않고도 로그인을 유지하는 방법은 무엇입니까?

<div id="header"></div> 
    <div id="maindiv"></div> 
    <div id="footer"></div> 

    <script type="text/javascript"> 
    $(document).ready(function() { 
     $("#header").load("?cmd=header"); 
     $("#maindiv").load("?cmd=viewconfig"); 
     $("#footer").load("?cmd=footer"); 
    }); 
    </script> 

Answer 1

당신은 401 HTTP 상태 코드 대신 인증 HTTP 헤더에 대한 응답을 수정해야합니다. 그런 다음이 응답을 받고 자신의 로그인 대화 상자 팝업을 표시 할 수 있습니다. 당신이 HTML 인증에 의해 무슨 뜻 이죠

var loginFormShown = false; 
$.ajaxSetup({ 
    statusCode: { 
    401: function(xhr) { 
     if(!loginFormShown) { 
     console.log('Show login form popup', xhr.responseText); 
     loginFormShown = true; 
     } 
    } 
    } 
}); 
$(document).ready(function() { 
    $("#header").load("?cmd=header"); 
    $("#maindiv").load("?cmd=viewconfig"); 
    $("#footer").load("?cmd=footer"); 
});