Advertisement

Vue.js2.0基础:利用axios进行数据请求

阅读量:

官方已经停止更新vue-resource,并且现在我们都可以使用axios这个库。让我们开始深入学习这个库吧。

同样必须做好准备进行它(的)的安装工作。我们可以选择使用npm和bower这两个工具进行安装配置。在我们的项目中,则采用最基础的CDN资源进行加载。

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

CDN安装十分简单,接下来,我们看看它的语法,如何实现数据请求和提交。

get请求

写法如下:

复制代码
  axios.get('/detail?id=10').then(function (res) {

    
     //成功获取数据
    
    console.log(res);
    
  }).catch(function (err) {
    
     //请求错误
    
    console.log(err);
    
  });

个人如果已经熟悉jQuery基于Ajax的解决方案,学习AXESS则会非常容易掌握. Get请求则是通过parameters对象来传递数据的一种方式.

复制代码
 axios.get('/detail', {

    
     //参数
    
    par

全部评论 (0)

还没有任何评论哟~