Fetch API

Fetch API

  • Fetch 的出現就是為瞭解決 XHR 的問題
  • Fetch API 是基於 Promise 設計

XMLHttpRequest

var url = 'http://beta.json-generator.com/api/json/get/E105pDLh';
var xhr = new XMLHttpRequest();
xhr.open('GET', url);
xhr.responseType = 'json';

xhr.onload = function() {
  console.log(xhr.response);
};

xhr.onerror = function() {
  console.log("Oops, error");
};

xhr.send();

範例

fetch('http://beta.json-generator.com/api/json/get/E105pDLh', { method: 'get' })
.then(function(response) {
  response.json().then(function(data) {  
    console.log(data);  
  });
}).catch(function(err) {
  console.error(err);
})
fetch('http://beta.json-generator.com/api/json/get/E105pDLh', { mode: 'cors' })  
  .then(function(response) {  
    return response.text();  
  })  
  .then(function(text) {  
    console.log(text);  
  })  
  .catch(function(error) {  
    log('Request failed', error)  
  });

延伸閱讀

results for ""

    No results matching ""