vue 动态数据请求

Posted Christeen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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);
  }
});

 

以上是关于vue 动态数据请求的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段14——Vue的axios网络请求封装

vue中如何动态的添加请求接口的参数?

前端Vue项目:旅游App-city:标签页Tabs动态数据:网络请求axios与request数据管理store与pinia各种封装

回归 | js实用代码片段的封装与总结(持续更新中...)

前端Vue项目:旅游App-(15)home:网络请求house数据动态并组件化展示house列表信息

前端Vue项目:旅游App-(15)home:网络请求house数据动态并组件化展示house列表信息