PHPでデータをvueに返す方法

angryTom
リリース: 2023-02-27 19:10:02
オリジナル
3619 人が閲覧しました

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(&#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));
ログイン後にコピー

vue マニュアル php戻りデータが出力されます

{userid: 10001, name: "老马", age: 56}
ログイン後にコピー

これでphpがvueにデータを返すケースは完了です。

以上がPHPでデータをvueに返す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
php
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!