使用Vue-Resource实现Ajax

1、get方式

<script type="text/javascript">
    var vm = new Vue({
        el:'#app',
        data:{
            arr:[]
        },
        methods:{},
        created(){
                this.$http.post('getUsers',{responseType:'json'}).then(function(response){
                    this.arr = response.body;
                })
        }
    })
</script>

2、post方式

postInfo() {
  var url = 'http://127.0.0.1:8899/api/post';
  // post 方法接收三个参数：
  // 参数1： 要请求的URL地址
  // 参数2： 要发送的数据对象
  // 参数3： 指定post提交的编码类型为 application/x-www-form-urlencoded
  this.$http.post(url, { name: 'zs' }, { emulateJSON: true }).then(res => {
    console.log(res.body);
  });
}

3、jsonp方式

jsonpInfo() { // JSONP形式从服务器获取数据
  var url = 'http://127.0.0.1:8899/api/jsonp';
  this.$http.jsonp(url).then(res => {
    console.log(res.body);
  });
}

最后

以上就是搞怪鸵鸟为你收集整理的使用Vue-Resource实现Ajax的全部内容，希望文章能够帮你解决使用Vue-Resource实现Ajax所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。