AJAX: 직접 다운로드 또는 서버측 리디렉션을 사용하여 파일 다운로드를 트리거하는 방법은 무엇입니까?

AJAX 요청으로 파일 다운로드

버튼 클릭 시 "ajax 다운로드 요청"을 시작하려고 할 때 다음과 같은 코드를 구현하는 것이 일반적입니다. 아래:

var xhr = new XMLHttpRequest();
xhr.open("GET", "download.php");
xhr.send();

다음 PHP와 함께 script:

<?
header("Cache-Control: public");
header("Content-Description: File Transfer");
header("Content-Disposition: attachment; filename= file.txt");
header("Content-Transfer-Encoding: binary");    
readfile("file.txt");
?>

그러나 이 접근 방식은 원하는 결과를 얻지 못할 수도 있습니다. 다운로드를 효과적으로 시작하려면 다음 대안 중 하나를 구현하는 것이 좋습니다.

옵션 1: '다운로드' 속성 활용

Firefox 및 Chrome과 같은 최신 브라우저에서는 '다운로드' 속성은 서버측 상호작용 없이 웹페이지 내에서 다운로드를 시작하는 편리한 방법을 제공합니다. 예는 다음과 같습니다.

<a href="file.txt" download="file.txt">Download</a>

옵션 2: AJAX 또는 Window.location을 사용하여 다운로드 스크립트로 이동

'다운로드' 속성이 적합하지 않은 경우 옵션인 경우 AJAX 또는 window.location을 사용하여 다운로드 스크립트로 이동할 수 있습니다. AJAX를 사용하면 비동기 요청을 수행한 다음 성공 콜백 기능을 사용하여 다운로드 스크립트로 리디렉션할 수 있습니다.

$.ajax({
    url: 'download.php',
    type: 'POST',
    success: function() {
        window.location = 'download.php';
    }
});

또는 간단히 window.location을 사용하여 다운로드 스크립트로 이동할 수도 있습니다.

window.location = 'download.php';

AJAX 접근 방식은 어느 정도 유연성을 제공하지만 일반적으로 window.location을 사용하는 것이 더 효율적이고 간단합니다.

위 내용은 AJAX: 직접 다운로드 또는 서버측 리디렉션을 사용하여 파일 다운로드를 트리거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!