如何使用axios获取后台json文件

最新推荐文章于 2024-06-16 01:43:49 发布

no -n

最新推荐文章于 2024-06-16 01:43:49 发布

阅读量2.7k

点赞数 2

分类专栏： axios 文章标签： axios

本文链接：https://blog.csdn.net/weixin_44500533/article/details/102922396

版权

axios 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

json

{"status":200,
"message":"success",
"data":{
	"page":0,"pageSize":10,"total":2,
"list":[{
	"id":2,
	"title":"Nancy11",
	"liststyle":"style-one",
	"publishtime":"2019-09-24 19:51:56",
	"readtimes":null,
	"status":null,
	"content":"身高是衡量一个孩子生长发育的重要指标，孩子的身高发育一共分为四个时期，每个时期的生长发育都不一样。那么，孩子身高发育分为哪四个时期呢？婴幼儿期宝宝的身高发育一般不受遗传的影响。这个时期，营养是最能影响宝宝身高的。在宝宝出生后的第一年，身高发育是最快的，约为25厘米。第二年开始，开始减慢，约为10厘米。所以，在宝宝0～3岁的这个阶段，一定要注意宝宝营养的摄入。此时，辅食添加和营养搭配就特别重要了！学龄前期（4～6岁）是儿童生长发育的重要时期，也是孩子长高的基础阶段。4岁左右，人体内生长激素、甲状腺素已基本形成，饮食、睡眠习惯逐渐形成，这些条件对今后的生长发育都起着决定性作用。这时候给他们均衡营养，其中包括脂肪、蛋白质、让体内得到生长必需的营养素，就为正常生长奠定了良好的物质基础。6岁左右，对儿童今后的成长非常重要，此时，人体骨骼处于储备期，骨骼发育需要补充钙元素量为每日800mg。如果有钙质摄入量不足，会影响到骨骼中的钙质储备，这将直接导致孩子个头矮小、发育期身高增幅减小，因此此阶段的孩子也需要多补充钙质。学龄儿童期是指6～7岁入小学起至12～14岁进入青春期为止的一个年龄段。（ 相当于小学学龄期）。此期孩子体格生长仍稳步增长，除生殖系统外其他器官的发育到本期末已接近成人水平。10～14岁是孩子发育期，孩子身高好比雨后春笋，“噌噌”地直往上长。研究发现，此阶段孩子每多吸收3万毫克的钙质，身高便可多长1厘米，而一般家庭所提供的日常膳食，摄取的钙含量不到孩子所需钙质的50%，远不能满足生长发育所需，这个时期需要额外补钙。青春前期（10～13岁）：身高及体重增长速度超过平均数。\n\n青春中期（14～16岁）： 又称性征发育期，在身高剧增的同时，生殖器官及第二性征发育成熟。\n\n青春后期（17～20岁）： 其特征是性器官发育完全成熟，体格形态发展也完全成熟。人体的骨骼系统，经过青春期的突长之后，到25岁左右，骺软骨停止生长，全部骨化，至此人体的高度不再增加，循环系统、呼吸系统也同样。\n\n注：男性17～25岁，女性16～23岁，是长高的最后冲刺阶段。研究发现，此阶段青少年骺软骨还未真正愈合，每年还存在着2～3厘米的长高潜能。\n\n因此家长们可以充分把握外在因素，在遵循孩子生长发育的基础上，循序渐进，因势利导，积极干预，充分开发孩子身高发育的潜能。",
	"source":"2",
	"thumbup":null,
	"thumbdown":null,
	"music":null,
	"video":null,
	"author":null,
	"category":{
		"id":8601,
		"name":"四川",
		"comment":"dazhou",
		"no":123,
		"parentId":8353
		},
	"comments":[{
		"id":6,
		"commenttime":"2019-07-23 14:44:36",
		"status":"未审核",
		"articleId":null,
		"customerId":null,
		"content":"12"
		}],
	"articleFileVMs":[]
	},
	{
	"id":4256,
	"title":"123",
	"liststyle":"style-one",
	"publishtime":"2019-11-04 11:16:50",
	"readtimes":"0","status":"未审核",
	"content":"3123213",
	"source":null,
	"thumbup":0,
	"thumbdown":0,
	"music":null,
	"video":null,
	"author":null,
	"category":{
		"id":8601,
		"name":"四川",
	    "comment":"dazhou",
		"no":123,
		"parentId":8353
		},
	"comments":[],
	"articleFileVMs":[]
	}
	]}}

预览效果：
在这里插入图片描述

.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试</title>
</head>
<body>
<table border="1" id="app">
    <tr>
      <th v-for="(item, index) in mylist ">{{item.id}}</th>
      <th v-for="(item, index) in mylist ">{{item.title}}</th>
      <th v-for="(item, index) in mylist ">{{item.content}}</th>
    </tr>
</table>

  <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> 
  <script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"></script>
  <script>
  // insert script code here
  new Vue({
    el: '#app',
    data: {
      mylist: [{id: 1, title: 'Hello', content: 'This is content.'},]
	  // mylist: [{id: 1, title: '', content: ''},]
    },
	created() {
		this.getList();
	},
    methods:{
      getList(){
        //get list data from http://134.175.154.93:8099/manager/article/findArticle?page=0&pageSize=10
        //ref1: http://www.axios-js.com/docs/
        //ref2: https://cn.vuejs.org/v2/guide/instance.html#实例生命周期钩子
        axios.get('http://134.175.154.93:8099/manager/article/findArticle?page=0&pageSize=10')
          .then(res => {
			this.mylist = res.data.data.list; 
            console.log(this.mylist);
          })
          .catch(function (error) {
            console.log(error);
          });
      }
    },
  })
  </script>
</body>
</html>

no -n

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
如何使用axios获取后台json文件

json{"status":200,"message":"success","data":{ "page":0,"pageSize":10,"total":2,"list":[{ "id":2, "title":"Nancy11", "liststyle":"style-one", "publishtime":"2019-09-24 19:51:56", "readtimes"...
复制链接

扫一扫

专栏目录