fetch封装(增删改查)

最新推荐文章于 2025-05-22 07:00:00 发布

周家大小姐.

最新推荐文章于 2025-05-22 07:00:00 发布

阅读量1.8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： ES6 周家大小姐

本文链接：https://blog.youkuaiyun.com/qq_40190624/article/details/82873640

html:

<!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>

封装的js文件内容(easyhttp.js)

/*
 * @Author: mikey.zhaopeng 
 * @Date: 2018-09-27 20:03:13 
 * @Last Modified by: mikey.zhaopeng
 * @Last Modified time: 2018-09-27 21:20:53
 */
class EasyHttp{
    get(url){
        return new Promise((resolve,reject)=>{
            fetch(url)
                .then( res => res.json())
                .then( data => resolve(data))
                .catch(err => reject(err))

        })
    }

    //