如何在JavaScript中使用Fetch下載Json？

Question

如何從抓取URL下載所需的JSON？

下載地址是XLSX。

CODE

function teste(){ 
 

 
alert(fetch ("url")   
 
.then(response => response.json()) 
 
.then(data => { console.log(data)}) 
 
    .then(response => response.blob()) 
 
     .then(blob => { 
 
      var url = window.URL.createObjectURL(blob); 
 
      var a = document.createElement('a'); 
 
      a.href = url; 
 
      a.download = "filename.xlsx"; 
 
      a.click();      
 
     }) 
 
) 
 
}

Answer 1

從.then()刪除alert()，return值。注意Response只能讀取一次

function teste() { 
    fetch("url") 
    .then(async(response) => { 
     let clone = response.clone(); 
     let res = await clone.json(); 
     console.log(res); 
     return response.blob() 
    }) 
    .then(blob => { 
     var url = window.URL.createObjectURL(blob); 
     var a = document.createElement('a'); 
     a.href = url; 
     a.download = "filename.xlsx"; 
     a.click(); 
    }) 
    .catch(function(err) { 
     console.error(err) 
    }) 
}