AI智能
改变未来

html中使用js将axios请求封装

百度中全是vue-cli中使用axios的方式,我需要用的是在html中引入axios.js

1、新建 httpRequest.js 文件,定义如下方法:

//axios封装post请求function axiosPostRequst(url,data) {let result = axios({method: \'post\',url: url,data: data,transformRequest:[function(data){let ret = \'\';for(let i in data){ret += encodeURIComponent(i)+\'=\'+encodeURIComponent(data[i])+\"&\";}return ret;}],header:{\'Content-Type\':\'application/x-www-form-urlencoded\'}}).then(resp=> {return resp.data;}).catch(error=>{return \"exception=\"+error;});return result;}

2、在html中引入vue.js、axios.js、httpRequest.js

<!--根据自己路径引入--><script src=\"js/vue.min.js\"></script><script src=\"js/axios-0.19.js\"></script><script src=\"js/httpRequest.js\"></script>

3、在js文件中使用封装好的方法

var datas = {flag:\'pass\',comment:\'通过\'};axiosPostRequst(\'http://localhost:10001/account/approve\',datas).then(result=>{consloe.log(result);});
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » html中使用js将axios请求封装