vue请求数据方法$http

GET传递参数要加上params

<script>
            var vm=new Vue({
                el:'#app',
                data:{},
                methods:{
                    get:function(){
                            //get请求 需要向后台传参数 语法:{params:{a:10,b:2}}
                            //this.$http.get('get.php',{params:{a:10,b:2}}).then(function(res){}
                        this.$http.get('get.php',{params:{a:10,b:2}}).then(function(res){
                            console.log(res);
                            console.log(res.data);
                        },function(res){
                            console.log('失败')
                        })
                    }
                }
            })
        </script>

POST传递参数方法

<script>
            var vm=new Vue({
                el:'#app',
                data:{},
                methods:{
                    post:function(){
                        //post方法有三个参数post("php文件","参数","emulateJSON:true")
                //emulateJSON:true  模拟一个JSON数据发送到服务器,这样才可以成功运行 
                        this.$http.post('post.php',{a:10,b:2},{emulateJSON:true}).then(function(res){
                            console.log(res);
                            console.log(res.data);
                        },function(res){
                            console.log('失败')
                        })
                    }
                }
            })
        </script>

另外说一句,现在VUE官方推荐使用axios,例如我这种人有点懒,当初就直接用了jq的ajax代替了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容