首頁(yè) 猿問(wèn) js中如何使用ajax的get來(lái)向...

js中如何使用ajax的get來(lái)向后臺(tái)獲取文件流進(jìn)行文件下載（其中header中傳token參數(shù)）

JavaScript

FFIVE 2018-07-19 14:19:56

js中如何使用ajax的get來(lái)向后臺(tái)獲取文件流進(jìn)行文件另存為的下載其中header需要傳token和os參數(shù)到后臺(tái)進(jìn)行驗(yàn)證請(qǐng)問(wèn)這個(gè)JS應(yīng)該如何寫(xiě)？希望大神不吝賜教，謝謝~如下方法后臺(tái)無(wú)法獲取header參數(shù)，360瀏覽器中也沒(méi)有啟動(dòng)另存為的窗口var url = "{#$apiHost#}/aw/export?brand_ids="+brand_ids;var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = "blob"; xhr.setRequestHeader("token", "5f963175cc75613398e25ce2e5da56d7"); xhr.setRequestHeader("os", "1"); xhr.onload = function() { if (this.status == 200) { try{ var elemIF = document.createElement("iframe"); elemIF.src = this.responseURL; elemIF.style.display = "none"; document.body.appendChild(elemIF); }catch(e){ } } } xhr.send();

查看完整描述

2 回答

慕森王

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超3個(gè)贊

var xhh = new XMLHttpRequest();
                xhh.open("post", Action.FILES_W_DOWNLOADFILE + "/"+ fileName );
                xhh.setRequestHeader("Authorization", this.Axios.defaults.headers.Authorization = JSON.parse(getCookie('userInfo')).tokenType+ ' ' + JSON.parse(getCookie('userInfo')).accessToken);
                xhh.setRequestHeader("Content-Type","application/json");
                xhh.responseType = 'blob';
                xhh.onreadystatechange = function () {
                       if (xhh.readyState === 4 && xhh.status === 200) {                        
                       var name = xhh.getResponseHeader("ajax-filename");                        
                       var mimeType = xhh.getResponseHeader("ajax-mimeType");                        
                       var blob = new Blob([xhh.response], {type: mimeType});                        
                       var csvUrl = URL.createObjectURL(blob);                        
                       var link = document.createElement('a');                        
                       document.body.appendChild(link); //創(chuàng)建的標(biāo)簽添加到body，解決Firefox下無(wú)法打開(kāi)頁(yè)面的問(wèn)題
                        link.href = csvUrl;
                        link.target = '_blank';
                        link.id = 'linkId',
                        link.className = 'linkId',
                        link.download = decodeURI(name);                        
                        document.getElementById("linkId").click();                        
                        // link.remove(); //將a標(biāo)簽移除
                        $('.linkId').remove()
                    }
                };
                xhh.send();

改成這樣就好了。

反對(duì) 回復(fù) 2018-07-24