Ajax를 사용하여 PDF 파일을 다운로드하고 여는 방법은 무엇입니까?

Ajax를 사용하여 PDF 파일 다운로드 및 열기

웹 개발에서는 파일을 동적으로 생성하여 클라이언트에 다운로드하는 것이 일반적입니다. Ajax를 사용하여 파일 다운로드를 처리하는 것은 까다로울 수 있으며, 특히 PDF와 같은 파일 형식의 경우 더욱 그렇습니다. 일반적인 문제 중 하나는 Ajax 호출을 사용하여 PDF 파일을 다운로드하고 여는 것입니다.

문제:

사용자에게 PDF를 생성하고 적절한 콘텐츠 유형을 설정하는 작업 클래스가 있습니다. . 그들은 Ajax 호출을 통해 이 작업을 호출하고 브라우저에서 다운로드한 PDF 파일을 열려고 합니다. 그러나 Ajax 호출로 인해 "브라우저가 이 서버가 이해할 수 없는 요청을 보냈습니다."라는 오류가 발생합니다.

해결책:

이 문제를 성공적으로 해결하려면 Ajax를 사용하여 PDF 파일을 다운로드하고 열려면 다음 단계를 따르세요.

1. PDF 파일 생성: 액션 클래스에서 원하는 라이브러리를 사용하여 PDF 파일을 생성하고 적절한 설정을 설정합니다.

2. JavaScript에서 Ajax 호출을 처리합니다.

   • XMLHttpRequest 객체를 사용하여 작업 URL.
   • 작업 방법에 따라 요청 방법을 "POST" 또는 "GET"으로 설정합니다.

3. 서버 응답을 처리합니다.

   • Ajax 호출의 성공 콜백 함수에서 서버의 응답을 처리합니다.
   • Blob API를 사용하여 다운로드한 PDF 데이터를 나타내는 새 Blob을 생성합니다.
   • 앵커() 요소를 생성하고 해당 href 속성을 Blob의 개체 URL로 설정합니다.
   • 다운로드 속성을 설정하여 PDF 파일에 대해 원하는 파일 이름을 지정합니다.
   • 앵커 요소에서 클릭 이벤트를 트리거하여 다운로드를 시작하고 PDF 파일을 엽니다.

다음은 이 접근 방식을 보여주는 JavaScript 코드 예제입니다.

<code class="javascript">$.ajax({
  url: '<URL_TO_FILE>',
  success: function(data) {
    var blob = new Blob([data]);
    var link = document.createElement('a');
    link.href = window.URL.createObjectURL(blob);
    link.download = '<FILENAME_TO_SAVE_WITH_EXTENSION>';
    link.click();
  }
});</code>

이 방법을 사용하면 Ajax를 사용하여 PDF 파일을 성공적으로 다운로드하고 열 수 있으므로 웹 애플리케이션의 파일 처리 기능이 간소화됩니다.

위 내용은 Ajax를 사용하여 PDF 파일을 다운로드하고 여는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!