Rumah > pembangunan bahagian belakang > masalah PHP > php怎么返回数据给vue

php怎么返回数据给vue

angryTom
Lepaskan: 2023-02-27 19:10:02
asal
3687 orang telah melayarinya

php怎么返回数据给vue

php怎么返回数据给vue

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

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

1)安装axios

npm install axios --save
Salin selepas log masuk

2)Vue使用axios

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

3)发起get请求

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

2、php相应请求

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

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

{userid: 10001, name: "老马", age: 56}
Salin selepas log masuk

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

Atas ialah kandungan terperinci php怎么返回数据给vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
php
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan