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) {                })            }        }    })