H5用axios代替Ajax调取服务器接口

功能需求:普通Ajax调取后台接口需要写很多代码,且不好统一管理token,问大神同事说使用axios代替ajax,感觉很不错!

所需材料:一个a.html页面,一个config.js,一个api.js
下面进入正题
第一步:在a.html引入vue.js, axios文件, a.js, config.js 和 api.js,路径自己配好

第二步:配置config.js

第三步:在api.js放所有的接口,注意一下get方法和post方法稍有点不同,无参可以不写

第四步:在a.js使用,confirmBtn()为点击方法,faceSignSave()就是api中定义的接口名称,params 就是传的参数,注意格式faceSignSave(params).then(res => { })

这样就完成了,如果接口多了,就会很方便在config.js中统一管理接口了

未经允许不得转载:一点博客-青梅煮码-共享博客 » H5用axios代替Ajax调取服务器接口
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏