有時候,我們無法藉助熟悉的jquery發起請求,原生JS里是支持fetch函數的,這是個高度封裝的方法,幫助我們做了很多底層的封裝,下麵列舉一些發起請求的示例: 1-發起Get請求: //httpGet請求 var httpGet = async function (getUrl) { var op ...
有時候,我們無法藉助熟悉的jquery發起請求,原生JS里是支持fetch函數的,這是個高度封裝的方法,幫助我們做了很多底層的封裝,下麵列舉一些發起請求的示例:
1-發起Get請求:
//httpGet請求 var httpGet = async function (getUrl) { var opts = { method: "GET", credentials: 'include' // 強制加入憑據頭 } await fetch(getUrl, opts).then((response) => { return response.text(); }).then((responseText) => { result = responseText; }).then((error) => { }); return result; };
2-發起Get文件流-支持設置保存文件名-下載:
//執行httpGet下載 var httpDownLoadFile = async function (getUrl, fileName) { var opts = { method: "GET", credentials: 'include' // 強制加入憑據頭 } await fetch(getUrl, opts).then((response) => { return response.blob(); }).then((blob) => { var url = window.URL.createObjectURL(blob); var a = document.createElement('a'); a.href = url; a.download = fileName; a.click(); window.URL.revokeObjectURL(url); }).then((error) => { }); };