vue 动态数据请求

写在前面的话:

  很多时候,页面的数据是从前端向后端发起请求获取的,下面是最近用的方法:


 

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);
  }
});

 

posted @ 2017-09-21 18:05  Chrisreen  阅读(657)  评论(0编辑  收藏  举报