JavaScript解析JSON格式数据的方法示例


Posted in Javascript onJanuary 24, 2017

本文实例讲述了JavaScript解析JSON格式数据的方法。分享给大家供大家参考,具体如下:

1、使用JavaScript提供的eval()函数

function JsonText1() {
  var strJSON = "{'Name':'Kevin','Age':'23'}"; //得到的JSON
  var obj = eval("(" + strJSON + ")"); //转换后的JSON对象
  alert(obj.Name);
}

2、使用JSON对象

① 使用JSON对象的stringify()函数,将对象转换成JSON

语法:var str = JSON.stringify(data);

② 使用JSON对象的parse()函数,将JSON转换成对象

语法:var data = JSON.parse(str);

var jsonStr = "";
//使用JSON对象的stringify()函数,将对象转换成JSON
function JsonText2() {
  var data = new Object;
  data.Name = "Kevin";
  data.Age = 23;
  jsonStr = JSON.stringify(data);
  alert(jsonStr);
}
//使用JSON对象的parse()函数,将JSON转换成对象
function JsonText3() {
  var data = JSON.parse(jsonStr);
  alert(data.Name);
}
Javascript 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
Apr 11 Javascript
简单的js图片轮换代码(js图片轮播)
May 06 Javascript
Javascript基础知识(三)BOM,DOM总结
Sep 29 Javascript
JS实现的Select三级下拉菜单代码
Aug 20 Javascript
javaScript实现可缩放的显示区效果代码
Oct 26 Javascript
angular.js之路由的选择方法
Sep 24 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
Dec 24 Javascript
jQuery树控件zTree使用方法详解(一)
Feb 28 Javascript
Angularjs2不同组件间的通信实例代码
May 06 Javascript
Javascript 一些需要注意的细节(必看篇)
Jul 08 Javascript
如何vue使用el-table遍历循环表头和表体数据
Apr 26 Vue.js
解决ajax不能访问本地文件问题(利用js跨域原理)
Jan 24 #Javascript
Jquery树插件zTree实现菜单树
Jan 24 #Javascript
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
Jan 24 #Javascript
树结构之JavaScript
Jan 24 #Javascript
AngularJS实现使用路由切换视图的方法
Jan 24 #Javascript
javascript 正则表达式去空行方法
Jan 24 #Javascript
JavaScript中动态向表格添加数据
Jan 24 #Javascript
You might like
php-cli简介(不会Shell语言一样用Shell)
2013/06/03 PHP
php+ajax实现的点击浏览量加1
2015/04/16 PHP
PHP常用算法和数据结构示例(必看篇)
2017/03/15 PHP
jquery Ajax 实现加载数据前动画效果的示例代码
2014/02/07 Javascript
一个jquery实现的不错的多行文字图片滚动效果
2014/09/28 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
在web中js实现类似excel的表格控件
2016/09/01 Javascript
AngularJs ng-route路由详解及实例代码
2016/09/14 Javascript
Angular的MVC和作用域
2016/12/26 Javascript
值得分享和收藏的xmlplus组件学习教程
2017/05/05 Javascript
微信小程序网络请求wx.request详解及实例
2017/05/18 Javascript
详解使用nvm管理多版本node的方法
2017/08/30 Javascript
JavaScript基础之流程控制语句的用法
2017/08/31 Javascript
详解微信小程序Page中data数据操作和函数调用
2017/09/27 Javascript
关于angularJs清除浏览器缓存的方法
2017/11/28 Javascript
json数据传到前台并解析展示成列表的方法
2018/08/06 Javascript
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
2018/08/25 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
Vue项目服务器部署之子目录部署方法
2019/05/12 Javascript
JavaScript实现点击切换功能
2021/01/27 Javascript
50行代码实现贪吃蛇(具体思路及代码)
2013/04/27 Python
Python使用cookielib模块操作cookie的实例教程
2016/07/12 Python
正确理解python中的关键字“with”与上下文管理器
2017/04/21 Python
python中numpy的矩阵、多维数组的用法
2018/02/05 Python
Python tkinter实现日期选择器
2021/02/22 Python
html2canvas生成的图片偏移不完整的解决方法
2020/05/19 HTML / CSS
火山动力Java笔试题
2014/06/26 面试题
数学教学随笔感言
2014/02/17 职场文书
报关员个人职业生涯规划书
2014/03/12 职场文书
高中课程设置方案
2014/05/28 职场文书
政府采购方案
2014/06/12 职场文书
留学推荐信(中英文版)
2015/03/26 职场文书
婚庆开业庆典主持词
2015/06/30 职场文书
《彼得与狼》教学反思
2016/02/20 职场文书
职业生涯规划书之大学四年
2019/08/07 职场文书
Ajax是什么?Ajax高级用法之Axios技术
2021/04/21 Javascript