当前位置: 首页 > article >正文

JSON 数据解析的3种方式

概述

现在JSON格式在web开发中越来越受重视,特别是在使用ajax开发项目的过程中,经常需要将json格式的字符串返回到前端,前端解析成JS对象(JSON )。
ECMA-262(E3)中没有将JSON概念写到标准中,还好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法。
解析JSON数据的三种方法的介绍如下:

eval()方法

解析JSON数据的最常用方法是使用javascript的eval()方法,代码如下:

代码如下:

function toJson(str){
 var json = eval('(' + str + ')');
 return json;
}

该方法存在性能和安全方面的问题,不建议使用。

new Function方法

代码如下:

function toJson(str){
 var json = (new Function("return " + str))();
 return json;
}

JSON.parse()方法

这种方法只支持IE8/Firefox3.5+/Chrome4/Safari4/Opera10 以上版本,这些浏览器都已经接近W3C标准,默认实现了toJSON方法。

代码如下:

function toJson(str){
 return JSON.parse(str);
}

json2.js会在浏览器原生支持JSON.parse的时候选用原生版本,而且它跟ES5是API兼容的。在ES5还没完全普及的现状下,John Resig大神推荐用json2.js主要是为了现在就能用跟ES5兼容的API,日后能平滑过渡到ES5——只要去掉一个import就换过来了。

javascript解析json实例详解

下载json库
http://www.json.org/json-zh.html自己找javascript的
或者直接去下面的
https://github.com/douglascrockford/JSON-js
 
php生成json格式

使用页面 

代码如下:

<script src="scripts/json.js"></script>  
alert(data.toJSONString());

如果返回false说明没数据
 

js 代码 

代码如下:

functionshowJSON() {   
   varuser =   
     {   
       "username":"tom",   
       "age":20,   
        "info": {"tel":"123456","cellphone":"98765"},   
      "address":   
       [   
                {"city":"shanghai","postcode":"201203"},   
                 {"city":"suzhou","postcode":"200000"}   
             ]   
     }   
       
     alert(user.username);   
     alert(user.age);   
     alert(user.info.cellphone);   
     alert(user.address[0].city);   
     alert(user.address[0].postcode);   
}

修改 

代码如下:

user.username ="jerry";

可以使用eval来转换JSON字符到Object 

代码如下:

functionmyEval() {   
    varstr = '{"name":"Violet","occupation":"character"}';   
    varbj = eval('(' + str + ')');   
     alert(obj.toJSONString());   
}

或者使用parseJSON()方法

代码如下:

functionmyEval() {   
    varstr = '{"name":"Violet","occupation":"character"}';   
    varbj = str.parseJSON();   
     alert(obj.toJSONString());   
}

http://www.kler.cn/a/7994.html

相关文章:

  • 如何配置线程池参数,才能创建性能最好、最稳定的Spring异步线程池?
  • OpenHarmony-5.PM 子系统(2)
  • Springboot高并发乐观锁
  • CTF-RE: 安卓逆向 + 加密算法分析爆破 [第一届国城杯 round] 赛后学习
  • 蓝桥杯速成教程{三}(adc,i2c,uart)
  • 谷歌SEO-关键词研究
  • 2022国赛24:linux基础配置和本地源创建
  • Transformer中的注意力机制及代码
  • 动态规划之线性DP
  • 基于凸集上投影(POCS)的聚类算法
  • Pycharm用ssh连接GCP以后,可以项目都放在本地,只是调用GCP的计算资源吗?
  • Vue+springboot+java学生成绩动态追踪系统课程资源课件下载设计与实现
  • 【Python】【进阶篇】三、Python爬虫的构建User-Agnet代理池
  • itext使用缺陷?
  • Linux下的shell编程(必须给予执行权限)
  • ChatGPT帮我和老板吵架,半分钟做了个思维导图...
  • jackson、fastjson、kryo、protobuf等序列化效率对比【全】
  • ospf综合实验
  • 【Spring Boot】自定义 Banner
  • WebSocket与HTTP联系及Socket的区别
  • VisualStudio如何进行OneNote插件开发?
  • 全文检索工具 Lucene 入门
  • 响应式布局是什么?如何实现响应式布局
  • 逻辑删除和唯一约束冲突的解决方案
  • springcloud:xxl-job的任务触发机制及调度过期策略
  • IT知识百科:什么是BGP?