后端返给前端的数据格式

后端返给前端的数据格式

一、数据格式简介

1. 数据格式分类

2. json数据类型

二、单个json

三、集合型json

四、json可以写嵌套型

五、json对象与字符串的相互转化

1.json对象转化为字符串

2.字符串转化为json对象

a. 方法一---JSON.parse()

b. 方法二---eval()

六、json数据的截取

一、数据格式简介

1. 数据格式分类

数据格式：json、xml(树形结构文档，类似html)

2. json数据类型

数组型（key:value）对象型（ object）

二、单个json

json标准格式要求写双引号
key可以不写引号

   var stu={"name":"张三","age":18,"sex":"男"};console.log(stu);//Objectconsole.log(stu.name);//张三console.log(stu.age);//18console.log(stu.sex);//男

三、集合型json

类似数组

   var stu1=[{"name":"张三","age":18},{"name":"张三","age":18},{"name":"张三","age":18},{"name":"张三","age":18},{"name":"张三","age":18},{"name":"张三","age":18},{"name":"张三","age":18},{"name":"张三","age":18},{"name":"张三","age":18},{"name":"张三","age":18},{"name":"张三","age":18},{"name":"张三","age":18},]console.log(stu1);

对整个集合进行遍历

   //对整个集合进行遍历for(var i=0;i<stu1.length;i++){console.log(stu1[i]);console.log(stu1[i].name);}

四、json可以写嵌套型

   var list=[{"name":"小黑","sex":"男","age":20,"hobby":[{"name":"听歌"},{"name":"排球"},{"name":"跑步"}]}];console.log(list);

for-in循环遍历

   for(var index in list){console.log(list[index]);console.log(list[index].name);console.log(list[index].sex);console.log(list[index].age);console.log(list[index].hobby);}

五、json对象与字符串的相互转化

1.json对象转化为字符串
   var str=JSON.stringify(list);console.log(str);

2.字符串转化为json对象

a. 方法一—JSON.parse()
    console.log(JSON.parse(str));

b. 方法二—eval()
  console.log(eval(str));
不建议使用toString()方法
 console.log(list.toString());//[object Object]

六、json数据的截取

   var stus = [{"name": "李四1", "age": 18},{"name": "李四2", "age": 18},{"name": "李四3", "age": 18},{"name": "李四4", "age": 18},{"name": "李四5", "age": 18},{"name": "李四6", "age": 18},{"name": "李四7", "age": 18},{"name": "李四8", "age": 18},{"name": "李四9", "age": 18},{"name": "李四10", "age": 18}];var nowpage=1;var pageNum=3;var totle=10;for(var i=0;i<=Math.floor(totle/pageNum);i++){console.log(stus.slice((nowpage - 1) * pageNum, pageNum * nowpage));nowpage++;}

后端返给前端的数据格式相关推荐

vueCli3.0文件上传后，后端返回流,前端转换成pdf预览的3种方式
第一种是用: <iframe> 嵌套显示先上效果图: 注:这种还带样式的是我后面修改源码的 js添加的 : customToolbar.js //创建一个新样式 let sheet ...
2020-08-22 SpringMVC中Json使用、后端返回给前端的JSON对象乱码问题、前台对Json数据格式的操作、Jackson以及FastJson使用
json的使用我们广义上说的后端开发提供接口,其实指的是我们在Controller层定义的域名:端口号/请求名前端获取这个请求,去赋给比如表单的action,获取相应的结果集并展示. json:轻 ...
后端工程师入门前端页面重构（二）：心法 I
本文由 KnewHow 发表在 ScalaCool 团队博客. 上一篇博客是我们<后端工程师入门前端页面重构>系列的第一篇,我们介绍了页面布局的口诀: 从左到右,从上到下,化整为零. 那么 ...
后端model传入前端JSP页面中的值判断后再取值
所遇到的问题后端model传入前端JSP页面中的值通过foreach循环内要满足条件才能取值给Div中,我们知道jsp页面中可以直接用EL表达式取值,格式就是${"model中传来的数据&q ...
后端开发者开发前端必会的工具（一）：样式调试篇
又来为大家分享干货了,今天主要是分享一点关于后端工程师开发前端比较苦恼的一个问题<如何去调试前端?>,我相信这是所有后端开发者比较困惑的,如果有这个困惑的,记得关注"程序员晓晓& ...
前后端分离后前端获得session数据_机器学习模型部署--打通前后端任督二脉
## 前言 ### 学历与定位近日在某论坛,有网友提问道:搞机器学习是不是要博士或是硕士学历,是不是要求很高,顶会论文?本科生或者更低学历的,是不是就没有机会了?从最近公司的招聘来看,算法工程师的 ...
2020年是走前端还是走后端好，前端又有哪些优势呢？
前后端都挺有发展前景,都挺好,相对来说前端会比较简单一点.但是现在对于同个层次的人,一般公司前后端待遇都差不多,待遇好的肯定是你技术过硬的.那就要看自己的爱好了.以下是web前端开发和java后端开发 ...
【 malcolmcrum】基于Java后端与Typescript前端的代码自动生成
Java 后端和 Typescript 前端虽然都是类型语言,但传统上这两个域上的类型之间存在脱节.本文推荐的这个工具让我们在一个地方修改一个方法或类,并立即在其他地方直接使用它,或者在我们误用它时在 ...
php后端aes加密前端解密
项目场景: 领导要求公司后台的全部接口与前端交互时,所有参数以及返回值需要进行加密.后端语言 PHP,使用框架 tp5.1,前端vus.js,使用CryptoJS加解密效果如下: 前端传参: 后端返 ...

后端返给前端的数据格式

后端返给前端的数据格式

一、数据格式简介

1. 数据格式分类

2. json数据类型

二、单个json

三、集合型json

四、json可以写嵌套型

五、json对象与字符串的相互转化

1.json对象转化为字符串

2.字符串转化为json对象

a. 方法一—JSON.parse()

b. 方法二—eval()

六、json数据的截取

后端返给前端的数据格式相关推荐

最新文章

热门文章