Http
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script src="easyhttp.js"></script>
<script src="app.js"></script>
</body>
</html>
app.js
const http = new EasyHttp;
// 請求數(shù)據(jù)
// http.get("http://jsonplaceholder.typicode.com/users")
// .then((data) => {
// console.log(data);
// })
// .catch(err => console.log(err))
// 傳輸數(shù)據(jù)
const data = {
name:"Henry",
username:"米斯特吳",
email:"27732357@qq.com"
};
// post user
// http.post("http://jsonplaceholder.typicode.com/users",data)
// .then(data => console.log(data))
// .catch(err => console.log(err));
// update user
// http.put("http://jsonplaceholder.typicode.com/users/2",data)
// .then(data => console.log(data))
// .catch(err => console.log(err));
// delete user
http.delete('http://jsonplaceholder.typicode.com/users/2')
.then(data => console.log(data))
.catch(err => console.log(err));
esayhttp
/**
* 封裝fetch
* 更快,更簡單的請求數(shù)據(jù)
*
* @version 2.0.0
* @author 米斯特吳
* @license MIT
*
**/
class EasyHttp{
// get
async get(url){
const response = await fetch(url);
const resData = await response.json();
return resData;
}
// post
async post(url,data){
const response = await fetch(url,{
method:"POST",
headers:{
'Content-type':'application/json'
},
body:JSON.stringify(data)
});
const resData = await response.json();
return resData;
}
// put
async put(url,data){
const response = await fetch(url,{
method:"PUT",
headers:{
'Content-type':'application/json'
},
body:JSON.stringify(data)
});
const resData = await response.json();
return resData;
}
// delete
async delete(url){
const response = await fetch(url,{
method:"DELETE",
headers:{
'Content-type':'application/json'
}
})
const resData = await "數(shù)據(jù)刪除成功!";
return resData;
}
}
