JS Easy http Library 2: ES6 fetch + arrow+class

重写easy http library

加入 fetch + arrow+class

fetch中传入url；
post方法需要传入data，并标记为post方法；
header中加入data的保存格式——json；

library.js

//Easy http2 Library
//加入 fetch + arrow+class

class EasyHTTP{
  //Make HTTP get request
  get(url){
    return new Promise((resolve,reject)=>{
          fetch(url)
          .then(res => res.json())
          .then(data=>resolve(data))
          .catch(err=>reject(err));
    })
  }

  //Make Http POST request
  post(url,data){
    return new Promise((resolve,reject)=>{
          fetch(url,{
            method:"POST",
            headers:{
              'Content-type':'application/json',
            },
            body:JSON.stringify(data)
          })
          .then(res => res.json())
          .then(data=>resolve(data))
          .catch(err=>reject(err));
    })
  }

  //Make an HTTP PUT request
  put(url,data){
    return new Promise((resolve,reject)=>{
          fetch(url,{
            method:"PUT",
            headers:{
              'Content-type':'application/json',
            },
            body:JSON.stringify(data)  //传入时要变为string
          })
          .then(res => res.json())
          .then(data=>resolve(data))
          .catch(err=>reject(err));
    })
  }

  //MAKE an HTTP delete request
  delete(url){
    return new Promise((resolve,reject)=>{
          fetch(url,{
            method:"DELETE",
            headers:{
              'Content-type':'application/json',
            }
          })
          .then(res => res.json())
          .then(()=>resolve(`Resource deleted...`))
          .catch(err=>reject(err));
    })
  }
}

app.js

const http= new EasyHTTP;

//Get users
const users =http.get('https://jsonplaceholder.typicode.com/users')
                  .then(data=>console.log(data))
                  .catch(err=>console.log(err));

//User Data
const data = {
  name:'John',
  username:'Johndoe',
  email:'jdoe@gmail.com'
}

//Create Post
const users =http.post('https://jsonplaceholder.typicode.com/users',data)
                  .then(data=>console.log(data))
                  .catch(err=>console.log(err));

//Create PUT
const users =http.put('https://jsonplaceholder.typicode.com/users/2',data)
                  .then(data=>console.log(data))
                  .catch(err=>console.log(err));

//Create DELETE
const users =http.delete('https://jsonplaceholder.typicode.com/users/2')
                  .then(data=>console.log(data))
                  .catch(err=>console.log(err));