美文网首页
原生js+axios+响应参数使用(基础)

原生js+axios+响应参数使用(基础)

作者: POLOCY | 来源:发表于2019-04-19 17:47 被阅读0次

    一、CDN引入

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    

    二、封装axios

    //将函数封装名为getMore的函数
     function getMore (url, data) {
                 return axios({
                  methods: 'post',//若无此项,默认get
                  url: url,
                  data: data//get-params
                })
          }
    

    三、使用axios

    请求网址
    http://xxx.xx.xx
    请求参数

    名称 参数
    firstData noOne
    secondData noTwo
    let data = {firstData:'noOne', secondData:'noTwo'};
    let url = 'http://xxx.xx.xx';
    let dataSource ={};//声明全局变量,使axios到的数据可在全局使用。
    getMore (url, data).then(res => {
         dataSource = res.data//将请求得到的参数赋值给全局变量dataSource
    } ).catch(error => {
    console.log(error)})
    

    相关文章

      网友评论

          本文标题:原生js+axios+响应参数使用(基础)

          本文链接:https://www.haomeiwen.com/subject/kolowqtx.html