Ajax를 사용하여 Struts2 애플리케이션에서 파일을 비동기적으로 다운로드하려면 어떻게 해야 합니까?

Ajax를 사용한 비동기 파일 다운로드

문제:

Struts2 애플리케이션에서 jQuery Ajax 호출은 바이너리 스트림 데이터를 검색합니다. 다운로드할 파일을 나타내지만 사용자가 파일을 저장할 수 없습니다.

해결책:

최신 브라우저 접근 방식(2019 이상)

최신 브라우저의 경우 단순화된 접근 방식으로 다음을 수행할 수 있습니다. 입양되세요:

1. 다음을 사용하세요. 파일을 가져오는 fetch() API:

   fetch('https://jsonplaceholder.typicode.com/todos/1')
     .then(resp => resp.blob())

2. 파일에 대한 객체 URL 생성:

     .then(blob => {
    const url = window.URL.createObjectURL(blob);

3. 숨겨진 객체 생성 요소 및 해당 속성 설정:

    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = url;
    a.download = 'todo-1.json';

4. 문서에 요소를 추가하고 클릭:

    document.body.appendChild(a);
    a.click();

5. 개체 URL 제거 :

    window.URL.revokeObjectURL(url);

6. 알림 성공적인 다운로드 사용자:

    alert('your file has downloaded!');

추가 고려 사항:

• 대상 브라우저와의 호환성을 확인하세요.
• 잠재적인 성능 문제를 방지하려면 대용량 파일 다운로드를 별도로 처리하세요.

위 내용은 Ajax를 사용하여 Struts2 애플리케이션에서 파일을 비동기적으로 다운로드하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!