axios GET请求数据 · vue

# VUE里的文件 ~~~ <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <title>Document</title> </head> <body> <div id="app"> <button type="button" @click="getDate">获取数据</button> <p>{{user.name}}=={{user.age}}</p> </div> </body> </html> <script type="text/javascript"> var vm= new Vue({ el:'#app', data:{ user:'1223' }, methods:{ getDate:function (){ data={name:'liudehua',age:33} //要发送的数据 axios.get('http://127.0.0.1/index.php',{params:data}).then(res=>{ //箭头函数方法 //GET请求PHP里数据，{params:data}默认函数 this.user=res.data //请求回来的值赋值给data里的user准备渲染出去 }) } } }) </script> ~~~ # PHP里的文件 ~~~ <?php header("Access-Control-Allow-Origin:*"); $user=$_GET; //接受请求是GET echo json_encode($user); //输出JSON数据 ~~~