AJAX 요청을 사용하여 JavaScript/jQuery에서 다운로드 가능한 파일을 처리하는 방법은 무엇입니까?

JavaScript/jQuery에서 JSON 데이터를 사용하여 POST를 통해 파일 다운로드

시나리오:

단일 페이지 웹 앱이 있습니다. AJAX 호출을 통해 RESTful 웹 서비스와 통신합니다. 다음을 수행해야 합니다.

• JSON 데이터가 포함된 POST 요청을 REST URL로 제출합니다.
• 요청에 JSON 응답이 지정된 경우 JSON을 반환합니다.
• 다운로드 가능한 반환 요청이 바이너리 응답(예: PDF, XLS)을 지정하는 경우 바이너리 파일입니다.

문제:

클라이언트 JavaScript 코드에서 다운로드 가능한 파일을 처리하는 방법 AJAX 호출을 사용할 때?

해결책:

제공된 코드가 JSON 응답을 성공적으로 처리하지만 dataType 제한으로 인해 AJAX 요청을 사용하여 파일을 직접 다운로드할 수는 없습니다. 옵션. 그러나 다른 접근 방식을 취할 수도 있습니다.

방법 1: 서버에 파일 생성 및 저장

• AJAX 요청을 통해 바이너리 파일을 생성하고 파일에 대한 URL이 포함된 JSON 응답.
• AJAX 성공 핸들러에서 window.location.href를 사용하여 브라우저를 URL로 리디렉션하여 파일을 다운로드합니다.

장점:

• 서버의 중앙 집중식 파일 관리

단점:

• 여러 AJAX 필요
• 서버의 추가 파일 관리 오버헤드.

방법 2: Iframe 생성

• POST 요청 수행 JSON 데이터를 사용하여 /create_binary_file.php에 저장합니다.
• iframe을 생성하고 src 속성을 POST 요청의 응답으로 설정합니다. 여기에는 다운로드 가능한 파일의 URL이 포함될 것으로 예상됩니다.
• document.body.appendChild() 또는 jQuery의 $.body.append()를 사용하여 페이지에 iframe을 추가합니다.

장점:

• 파일 다운로드를 위한 사용자 상호 작용을 촉진합니다.
• 서버에서 추가 파일 관리가 없습니다.

단점:

• 수정 필요 DOM.

고려 사항:

• 방법 1에는 더 많은 서버 오버헤드가 필요하지만 더 많은 제어 및 파일 관리가 가능합니다.
• 방법 2는 더 간단할 수 있지만 DOM 수정이 포함되며 복잡한 페이지에는 적합하지 않을 수 있습니다.
• 바이너리 파일 다운로드를 용이하게 하려면 서버에 적절한 MIME 유형 구성이 있어야 합니다.

위 내용은 AJAX 요청을 사용하여 JavaScript/jQuery에서 다운로드 가능한 파일을 처리하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!