html中使用js将axios请求封装

灰太狼 2023-07-15 13:20 14阅读 0赞

百度中全是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 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue中统一封装Axios请求

1.Axios 是什么，为什么要统一封装？ axios是一个基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如统一进行拦截请...

亦凉/ 2024年04月17日 06:29/ 0 赞/ 116 阅读

相关 HTML中使用axios发送 AJAX请求

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

﹏ヽ暗。殇╰゛Y/ 2023年10月06日 17:20/ 0 赞/ 71 阅读

相关 vue中axios请求简单封装

1、http.js /axios封装请求拦截、相应拦截、错误统一处理 / import axios from 'axios'; imp

淩亂°似流年/ 2023年08月17日 15:47/ 0 赞/ 185 阅读

相关 html中使用js将axios请求封装

百度中全是vue-cli中使用axios的方式，我需要用的是在html中引入axios.js 1、新建 httpRequest.js 文件，定义如下方法：

灰太狼/ 2023年07月15日 13:20/ 0 赞/ 15 阅读

相关 Axios封装请求

先创建文件夹 utils 在里面创建文件 Service.js 配置axios import Axios from "axios"; const

女爷i/ 2023年02月23日 08:03/ 0 赞/ 18 阅读

相关 vue axios请求封装

axios.defaults.baseURL = 'http://172.16.26.133:8080/XCPS'; //填写域名 //http request

红太狼/ 2023年01月03日 14:17/ 0 赞/ 297 阅读

相关 vue 封装axios 请求

[https://www.cnblogs.com/ldlx-mars/p/7908950.html][https_www.cnblogs.com_ldlx-mars_p_790

╰半橙微兮°/ 2022年12月25日 15:51/ 0 赞/ 265 阅读

相关 axios的请求封装

1. 参考一 import axios from 'axios' import qs from 'qs' import store from '..

╰+哭是因爲堅強的太久メ/ 2022年12月18日 08:58/ 0 赞/ 291 阅读

相关 VUE使用axios请求封装工具使用

- axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLH

太过爱你忘了你带给我的痛/ 2022年02月26日 00:46/ 0 赞/ 413 阅读

相关 axios封装request请求

/src/utils/request.js import axios from 'axios' import {Loading, Toast, Dialog,

小鱼儿/ 2021年07月26日 19:07/ 0 赞/ 685 阅读