Fetch Handling Errors（取代XMLHttpRequest的fetch的写法和错误处理方式）

fetch-handling-errors.markdown

Fetch Handling Errors

A Pen by Colt Steele on CodePen.

License.

index.html

<button>CLICK ME TO MAKE A BAD REQUEST</button>

script.js

var btn = document.querySelector("button");
btn.addEventListener("click", function(){
  var url = 'https://api.github.com/users/coltasdas';
  fetch(url)
  .then(handleErrors)
  .then(function(request){
    console.log("EVERYTHING IS FINE!");
    console.log(request);
  })
  .catch(function(error){
    console.log(error);
  });
});

function handleErrors (request){
  if(!request.ok) {
    throw Error(request.status);
  }
  return request;
}