Ajax에서 다운로드 요청을 보낼 수 없는 이유

이 글에서 공유한 내용은 ajax에서 다운로드 요청을 보낼 수 없는 이유입니다. 특정 참조 값이 있습니다. 필요한 친구는 이를 참조할 수 있습니다.

최근에 파일 다운로드를 하다가 컨트롤을 작성했습니다. 레이어에 들어가면 파일, 각종 파일 사진, 엑셀 등을 다운로드할 수 있어야 합니다.

하지만 처음에는 항상 다운로드가 실패하고 다음과 같은 잘못된 코드가 나타납니다.

프런트 요청 코드:

$('#fileexcel').unbind('click').bind('click',function(){
                    alert("我要下载了");
                    $.ajax({
                        type:'post',
                        url:'media',
                        data:null,
                        async:true,
                        success : function(msg){
                            alert(msg);
                        }
                    })
                })

문제 없는 것 같으나 다운로드가 되지 않습니다.

원래는 백엔드 코드에 문제가 있는 줄 알았는데, 각종 데모를 인터넷에 올리는데 여전히 문제가 있네요.

하루 고생 끝에 드디어 문제를 발견했습니다.

요청 방식에 문제가 있어서 ajax에서는 파일 다운로드 요청을 작성할 수 없습니다.

이렇게 쓰면 됩니다:

<a href="/media">点击下载Excel</a>
或者
location.href = &#39;/media&#39;;

이번에 다운로드를 클릭하면 다음과 같은 이상적인 효과가 나타납니다.

그런 다음 다운로드 요청을 ajax로 보낼 수 없는 이유를 요약하세요:

이유: 응답으로 인해 일반 요청 브라우저는 png, 파일 생성과 같은 서버의 응답 출력을 처리합니다. download 등. 그러나 ajax 요청은 "문자 유형" 요청일 뿐입니다. 즉, 요청한 콘텐츠가 텍스트 유형으로 저장됩니다. 파일 다운로드는 바이너리 형식입니다. 반환된 응답은 읽을 수 있지만 읽기만 가능하며 실행할 수 없습니다. 직설적으로 말하면 js는 브라우저의 다운로드 처리 메커니즘과 프로그램을 호출할 수 없습니다.

관련 권장 사항:

파일 다운로드에 ajax 요청을 사용할 수 없습니다.

Ajax 요청이 파일을 다운로드할 수 없는 이유

ajax를 사용할 수 없는 파일 다운로드에 대한 대체 솔루션

위 내용은 Ajax에서 다운로드 요청을 보낼 수 없는 이유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!