1. 程式人生 > >vue 動態數據請求

vue 動態數據請求

esp -s install port func sage cti div 動態

寫在前面的話:

  很多時候,頁面的數據是從前端向後端發起請求獲取的,下面是最近用的方法:


1. axios: 詳細的用法參考: axios中文說明 或者 英文的說明

註明:axios不支持jsonp(https://github.com/mzabriskie/axios/blob/master/COOKBOOK.md#jsonp),所以要用jsonp的話,請參照下邊的第二種jsonp請求方式。

  1)npm 安裝

npm install axios --save

  2)在需要用到請求的頁面引入axios

import axios from ‘axios‘

  3)在需要用到請求的頁面寫下如下js

axios.get(‘yourPath‘)
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

2. jsonp: github地址

  1)npm 安裝 jsonp

npm install jsonp --save

  2)在需要用到請求的頁面寫下如下js

var jsonp = require(‘jsonp‘);

jsonp(‘yourPath‘, null, function (err, data) {
  
if (err) { console.error(err.message); } else { console.log(data); } });

vue 動態數據請求