9.ES6-封装一个网络请求模块

封装一个网络请求模块

request.js

function getData({type = 'GET', url, data={}, dataType='json'}){
    return new Promise(function(resolve,reject){
        $.ajax({
            url,
            data,
            type,
            dataType,
            success:function(res){
                resolve(res);
            },
            error:function(err){
                reject(err);
            }
        });
    });
}
//定义函数完成网络请求并将数据传给对应的外界
async function request(options,callBack){
    let data = await getData(options);
    callBack(data);
}
export default request;

request.html

<script type = "module">
    //模块导入
    import obj from './request.js'
	console.log(obj);//导出request函数
</script>

如果想要在HTML中加别名可以用as. {request as obj}

导入导出时符合解构赋值.除非导出时加上default.