1.什么是JSON?

  JSON全称是JavaScript Object Notation,是一种轻量级的数据交换格式。JSON 与XML具有相同的特性,是一种数据存储格式,但是JSON相比XML 更易于人编写和阅读,更易于生成和解析。

2.json对象和json字符串

json对象可以直接调用其属性【对象.属性进行调用】,json字符串需转化为json对象才可以调用其属性

1 var person={"name":"tom","sex":"男","age":"24"}//json对象
2 console.log(person.name);//在控制台输出tom
3 alert(typeof(person));//object
4
5 var b='{"name":"2323","sex":"afasdf","age":"6262"}';//json字符串
6 console.log(b);//{"name":"2323","sex":"afasdf","age":"6262"}
7 alert(typeof(b));//string

  

3. eval() 和JSON.parse()将json字符串解析成json对象

JSON.parse()可以解析json格式的数据,并且会对要解析的字符串进行格式检查,如果格式不正确则不进行解析,而eval()则可以解析任何字符串,eval是不安全的。

 var cardList = eval('('+cards+')');var cardList = JSON.parse(cards);

  

  

4.JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串,前台JavaScript 封装请求参数时经常用到。

//定义变量var cards={  name : "tianming",   age : 18};   var cardList = JSON.stringify(cards)

5、js文件中发Ajax请求、post请求、get请求

 1 var mydata = {username:$("#username").val(), content:$("#content").val()};//定义变量
 2 $.ajax({
 3      type: "GET",
 4      url: "test.json",
 5      data: JSON.stringify(mydata),//使用变量
 6      dataType: "json",
 7    contentType:"application/json",
 8    //执行成功的回调函数
 9      success: function(data){
10            console.log(data);
11      },
12     //执行失败或错误的回调函数
13     error:function(error){
14        console.log(error);
15     }
16 });

1 var sendData = {
2     phoneNo : phoneNo,
3     content : content,
4     isAllow :isAllow
5 };
6
7 $.post( ctx+"teas/saveTeasing.do",JSON.stringify(sendData), function( data ) {
8       console.log( data);
9   }, "json");

6、springmvc项目中,后台【@RequestBody TblGiftDto tblGiftDto】接收前台传入的参数是json字符串。

7、@ResponseBody,该注解用于将Controller的方法返回的对象,根据HTTP Request Header的Accept的内容,通过适当的HttpMessageConverter转换为指定格式后,写入到Response对象的body数据区。返回的数据不是html标签的页面,而是其他某种格式的数据时(如json、xml等)使用。

  

转载于:https://www.cnblogs.com/beidongxing/p/7125921.html

JSON.parse()、eval()和JSON.stringify()相关推荐

  1. js字符串转换为json对象JSON.parse()及将json对象转为json字符串JSON.stringify()

    一.JSON对象中有两个非常好用的方法: 1 JSON.stringify接收一个JS对象转化为json字符串 2 JSON.parse接受json字符串转化为JS对象 const my={ name ...

  2. JSON.parse()函数处理json格式字符串方法

    函数语法:JSON.parse(text[, reviver]) text:必需, 一个有效的 JSON 字符串. reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数. < ...

  3. JSON.parse()、eval()、JSON.stringify()、jQuery.parseJSON()的用法

    一: JSON数据的两种解析方法 JSON.parse() .eval ()方法 1 :JSON.parse() : 用于将一个 JSON 字符串转换为 JavaScript 对象. var str ...

  4. JSON.parse()、JSON.stringify()和eval()的作用

    浅谈JSON.parse().JSON.stringify()和eval()的作用 相信大家对于JSON应该不陌生,度娘对这个名词的解释大致如下: "JSON(JavaScript Obje ...

  5. 原生js实现JSON.parse()和JSON.stringify()

    - 首先JSON.stringify()是将js对象转换为JSON形式 实现思路: 通过递归调用,来实现对转换对象Object的深层value进行遍历,利用array的join实现最终字符串拼接 fu ...

  6. JS/JavaScript中解析JSON --- JSON.parse()、JSON.stringify()以及$.parseJSON()使用详解

    JS/JavaScript中解析JSON --- JSON.parse().JSON.stringify()以及$.parseJSON()使用详解 现在JSON格式在web开发中非常重要,特别是在使用 ...

  7. 详解JSON.parse 和 JSON.stringify

    文章目录 JSON.parse JSON.parse 语法 reviver 参数 JSON.parse 特性 解析的其他方法 JSON.stringify JSON.stringify 语法 repl ...

  8. JavaScript 中 JSON.parse()和JSON.stringify()

    为什么80%的码农都做不了架构师?>>>    函数 描述 JSON.parse() 用于将一个 JSON 字符串转换为 JavaScript 对象. JSON.stringify( ...

  9. json.stringify()与json.parse()的区别,json.stringify()的妙用

    一.JSON.stringify()与JSON.parse()的区别 最近做项目,发现JSON.stringify()使用场景真的挺多,我们都知道JSON.stringify()的作用是将 JavaS ...

最新文章

  1. BZOJ 3420: Poi2013 Triumphal arch
  2. CSipSimple 工程分析 1
  3. GDI 泄漏检测方法
  4. linux 脚本socket通信,Linux实例:用socket通讯远程执行命令
  5. (原创)OpenStack服务如何使用Keystone(三)---详细配置Keystone中间件
  6. java中取得上下文路径的方法
  7. Google Hacking的用法
  8. tps波动很大的原因_花生价格小幅上涨,要突破6元大关?粮贩:还有很大距离...
  9. 卡耐基梅隆计算机学院,卡内基梅隆计算机学院--计算机系简介
  10. 苹果AirPods大受欢迎:与iPod鼎盛时期相当
  11. 06-R环境中的工作空间(workspace)概念
  12. 没有计算机基础可以学python-Python入门必看篇(面向小白)想学Python只看这一篇就够了...
  13. rust油桶用什么打_火龙果用什么膨大剂好?果子增大用什么肥料?什么时候打膨大素?...
  14. 类型②typeof 操作符
  15. ViewModel中C# Property自动添加OnPropertyChanged处理的小工具, 以及相应Python知识点...
  16. java坦克大战生成_Java坦克大战 (一) 之产生一个窗口
  17. VBA批量OCR识别提取身份证照片信息_以OCR识别为代表的人工智能技术在银行中有哪些应用?...
  18. Springboot+bootstrap+thymeleaf+shiro项目《晨光房屋在线租赁》
  19. Liunx安装Ubuntu系统
  20. (转载)傅里叶分析之掐死教程(完整版)

热门文章

  1. ARM 指令集 VS Thumb 指令集
  2. react 父子组件之间相互传值
  3. 微信小程序下拉刷新列表onPullDownRefresh;微信小程序上划加载列表onReachBottom;uni-app微信小程序下拉加载数据;uni-app微信小程序上划页面加载数据
  4. React开发(240):dva概念5reducer
  5. 前端学习(3288):react hook state-hook
  6. 前端学习(2906):Vite 解决了 Webpack 哪些问题
  7. [html] 举例说明原生的html组件有哪些?
  8. [jQuery] 说说看jQuery的选择器有哪些?
  9. [css] 说说你对GPU的理解,举例说明哪些元素能触发GPU硬件加速?
  10. 前端学习(2229):react条件渲染实现登录