javascript解析json实例详解_javascript技巧

本文实例讲述了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());  
}

希望本文所述对大家的javascript程序设计有所帮助。

时间: 2024-10-07 07:34:20

javascript解析json实例详解_javascript技巧的相关文章

javascript继承机制实例详解_javascript技巧

本文实例讲述了javascript继承机制.分享给大家供大家参考.具体分析如下: 初学javascript一般很难理解Javascript语言的继承机制它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的"原型链"(prototype chain)模式,来实现继承. 我花了很多时间,学习这个部分,还做了很多笔记.但是都属于强行记忆,无法从根本上理解

JavaScript导出Excel实例详解_javascript技巧

本文实例讲述了JavaScript导出Excel的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>WEB页面导出为EXCEL文

javascript解析json实例详解

 php生成json格式 使用页面    代码如下: <script src="scripts/json.js"></script>  alert(data.toJSONString());   如果返回false说明没数据   js 代码: 代码如下: functionshowJSON() {      varuser =        {          "username":"tom",          &quo

Javascript解析URL方法详解_javascript技巧

URL : 统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成: scheme://host:port/path?query#fragment scheme  = 通信协议 (常用的http,ftp,maito等) host = 主机 (域名或IP) port = 端口号 path = 路径 query = 查询 可选,用于给动态网页(如使用CGI.ISAPI.PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,可有多个参数

JavaScript转换与解析JSON方法实例详解_javascript技巧

本文实例讲述了JavaScript转换与解析JSON方法.分享给大家供大家参考,具体如下: json格式数据如下: var json = { 'jquery': [{ "id": "1", "type": "ASP.NET", "title": "JSON全解析"}] } alert(json.jquery[0].id); alert(json.jquery[0].type); aler

JavaScript“尽快失败”的原则实例详解_javascript技巧

我第一次听说编码原则中有"尽快失败"这一条时,觉得很奇怪,为什么代码要失败?应该成功才对呀.但事实上,当代码在遇到错误的时候应该尽快的终止.为了检测各种状态,我们需要频繁的创建if语句与条件分支,而这些条件检测的结果不是成功就是失败(true&&false).之所以会有这么多的条件检测语句,是因为如果不在构建过程中植入这些监测点(checkpoint),那么浏览器内核会执行很多无用的代码,并占用许多宝贵的CPU性能和处理时间,拖慢网站加载速度. 根据那些判断结果为fal

JavaScript函数节流概念与用法实例详解_javascript技巧

本文实例讲述了JavaScript函数节流概念与用法.分享给大家供大家参考,具体如下: 最近在做网页的时候有个需求,就是浏览器窗口改变的时候需要改一些页面元素大小,于是乎很自然的想到了window的resize事件,于是乎我是这么写的 <!DOCTYPE html> <html> <head> <title>Throttle</title> </head> <body> <script type="text

javascript中2个感叹号的用法实例详解_javascript技巧

在javascript代码中经常会见到!!的情况,本文即以实例形式较为深入的分析javascript中2个感叹号的用法.分享给大家供大家参考之用.具体分析如下: javascript中的!!是逻辑"非非",即是在逻辑"非"的基础上再"非"一次.通过!或!!可以将很多类型转换成bool类型,再做其它判断. 一.应用场景:判断一个对象是否存在 假设有这样一个json对象: { color: "#E3E3E3", "fon

JavaScript学习小结之被嫌弃的eval函数和with语句实例详解_javascript技巧

前面的话 eval和with经常被嫌弃,好像它们的存在就是错误.在CSS中,表格被嫌弃,在网页中只是用表格来展示数据,而不是做布局,都可能被斥为不规范,矫枉过正.那关于eval和with到底是什么情况呢?本文将详细介绍eval()函数和with语句 eval 定义 eval()是一个全局函数,javascript通过eval()来解释运行由javascript源代码组成的字符串 var result = eval('3+2'); console.log(result,typeof result)