vue学习-网络请求

1.GET请求

var vm = new Vue({
        el:'#app',
        methods:{
            getLogin:function(){
                var url = "http://127.0.0.1:3000/login?username=zhangsan&password=1234";
                //1.get(url)只需要传一个url即可
              this.$http.get(url).then(function(response){
                    console.log(response.body)
                },function(err){
                })
            }
        }
    })

2.POST请求

var vm = new Vue({
        el:'#app',
        methods:{
            postLogin:function(){
                var url = "http://127.0.0.1:3000/postLogin";
                //2.post(url,传送的参数,{emulateJSON:true})
                this.$http.post(url,{username:'lisi',password:'lisadsafi'}，{emulateJSON:true}).then(function(response){
                    console.log(response.body)
                })
            }
        }
    })

注意点:
post请求要设置请求头：this.$http.post(url,参数,{emulateJSON:true})
emulateJSON:true 代表设置请求头的Content-Type:application/x-www-form-urlencoded

3.JSONP请求

var vm = new Vue({
        el: '#app',
        methods: {
            jsonpRequest: function() {
                var url = "https://api.douban.com/v2/movie/in_theaters";
              //3.jsonp(url)即可
                this.$http.jsonp(url).then(function(response) {
                    console.log(response.body)
                }, function(err) {
                })
            }
        }
    })