집 > 기사 > 웹 프론트엔드 > Ajax 작업에서 사용자 세션 실패를 처리하는 방법

Ajax 작업에서 사용자 세션 실패를 처리하는 방법

php中世界最好的语言원래의: 2018-04-02 09:44:261498검색

이번에는 Ajax 작업 사용자 session의 잘못된 세션 처리 방법을 소개하겠습니다. Ajax 작업 사용자 세션 무효화의 주의 사항은 무엇이며, 다음은 실제 사례입니다. 살펴보겠습니다.

spingMVC 인터셉터를 사용하여 사용자 세션 실패 문제를 처리할 때 사용자 세션이 실패하면 javascript 문자열 문자열이 반환되어 사용자의 브라우저가 로그인 페이지로 이동하도록 강제합니다. 그러나 Ajax를 사용하여 데이터를 요청하는 경우 확인 실패 후에는 문자열만 응답하고 JavaScript는 실행되지 않습니다. 이는 확인 실패 후 서버가 아닌 XMLHTTPRequest 객체에 의해 Ajax 요청이 시작되기 때문입니다. 반환 정보는 XMLHTTPRequest 개체에 의해 수신되고 js 개체에 저장됩니다.

이러한 상황에 대처하기 위해 먼저 백그라운드에서 Http 요청을 판단하고, Ajax 요청을 일반 http 요청과 별도로 처리할 수 있습니다.
Ajax에서 보낸 요청 헤더 정보를 보면 Ajax 요청의 헤더 정보에 X-Requested-With:XMLHttpRequest가 포함되어 있음을 알 수 있습니다. 이를 통해 Ajax 요청인지 여부를 확인할 수 있습니다.

String requestType = request.getHeader("X-Requested-With");
if(requestType != null && "XMLHttpRequest".equalsIgnoreCase(requestType.trim())) {
  //如果是ajax请求
  response.setHeader("sessionStatus", "timeout");
  response.sendError(601, "session timeout.");
  return false;
}

Javascript 코드를 사용하면 Ajax 요청에 대한 전역 기본 옵션을 한 번에 설정할 수 있습니다.

//设置Ajax请求的全局默认options
jQuery.ajaxSetup({
  type:'post',
  complete:function(xhr, ts){ //XMLHttpRequest, textStatus
    var sessionStatus = xhr.getResponseHeader('sessionstatus');
    if(sessionStatus == 'timeout') {
      alert('页面过期，请重新登录!');
      window.top.location.href = 'Login.htm';
    }
  }
});

DataTables도 프로젝트에서 데이터 테이블을 만드는 데 사용됩니다. 위의 javascript 구성 방법이 데이터 테이블에 적용되지 않는 것을 발견했습니다. 오류 메시지참조: http: //datatables.net/tn/7 ajax의 오류 속성을 구성해야 합니다

$('#example').dataTable( {
 "ajax": {
  "url": "findRoles.htm",
  "type": "POST",
  "error": function(xhr, ts, et) { //XMLHttpRequest, textStatus, errorThrown
    var sessionStatus = xhr.getResponseHeader('sessionstatus');
    if(sessionStatus == 'timeout') {
      alert('页面过期，请重新登录!');
      window.top.location.href = 'Login.htm';
    }
  }
 }
});

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. PHP 중국어 웹사이트의 다른 관련 기사도 주목해주세요!