教程集 www.jiaochengji.com
教程集 >  脚本编程  >  php  >  正文 php怎么返回数据给vue

php怎么返回数据给vue

发布时间:2020-06-28   编辑:jiaochengji.com
教程集为您提供php怎么返回数据给vue等资源,欢迎您收藏本站,我们将为您提供最新的php怎么返回数据给vue资源

php怎么返回数据给vue

1、首先vue发起网络请求可以使用axios库

推荐学习:Vue框架视频教程

1)安装axios

npm install axios --save

2)Vue使用axios

import axios from "axios";
//将$axios挂在原型上,以便在实例中能用 this.$axios能够拿到
Vue.prototype.$axios = axios;

3)发起get请求

this.$axios.get('/localhost/userinfo.php?userid=10001')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

2、php相应请求

<?php
header('Content-Type:application/json; charset=utf-8');
$arr = array('userid'=>10001,'name'=>'老马','age'=>56);
exit(json_encode($arr));

vue手动php返回数据就会打印出来

{userid: 10001, name: "老马", age: 56}

这样,php返回数据给vue的案例就完成了。

以上就是php怎么返回数据给vue的详细内容,更多请关注教程集其它相关文章!

  • 本文原创发布教程集,转载请注明出处,感谢您的尊重!
  • 您可能感兴趣的文章:
    php怎么返回数据给vue
    vue前端怎么和django结合
    js和php哪个难?
    小程序中canvas如何实现图案在线定制的功能
    vue基础入门
    数据库怎么连接用php写的前端
    vue全分析--Vue Vue-router Vuex axios
    LARAVEL 中使用 VUE 组件化开发例子
    PHP怎么返回一个数据给前台
    PHP写API输出的时用echo的原因

    [关闭]
    ~ ~