중단된 응답을 방지하기 위해 jQuery AJAX 호출 후 리디렉션을 어떻게 처리할 수 있습니까?

jQuery Ajax 호출 후 리디렉션 요청 관리

jQuery의 $.post()를 사용하여 서블릿을 호출할 때 리디렉션이 발생할 수 있습니다. 세션 시간 초과 시 지시문. 이 지시문은 브라우저에 로그인 페이지로 이동하도록 지시하여 의도된 Ajax 응답을 방해합니다.

리디렉션 관리에 JSON 사용

이 문제를 해결하려면 다음과 같이 JSON을 활용하는 것을 고려하세요. Ajax 응답의 일부입니다. 278과 같은 비표준 HTTP 상태 코드를 사용하는 대신 모든 응답은 200 상태 코드를 유지할 수 있습니다. 응답 본문에는 data.redirect 및 data.form이라는 두 가지 핵심 멤버가 있는 JSON 개체가 포함됩니다.

클라이언트 측 처리

클라이언트 측에서는 JavaScript 코드는 이 JSON 개체를 사용하여 적절한 작업을 결정합니다. data.redirect가 존재하는 경우 브라우저를 리디렉션할 URL을 나타냅니다. data.form이 존재하는 경우 현재 페이지에서 지정된 양식을 대체하기 위한 HTML 코드가 포함되어 있습니다.

다음은 jQuery에서 이를 구현하는 방법에 대한 예입니다.

$.ajax({
    type: "POST",
    url: reqUrl,
    data: reqBody,
    dataType: "json",
    success: function(data, textStatus) {
        if (data.redirect) {
            window.location.href = data.redirect;
        } else {
            $("#myform").replaceWith(data.form);
        }
    }
});

다음을 사용하여 JSON을 사용하면 리디렉션 및 양식 교체 작업 모두에 대한 제어를 유지하여 Ajax 호출 중에 원활한 사용자 경험을 보장할 수 있습니다.

위 내용은 중단된 응답을 방지하기 위해 jQuery AJAX 호출 후 리디렉션을 어떻게 처리할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!