`
jelly
  • 浏览: 301551 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

用 javascript 处理 JSON

    博客分类:
  • AJAX
阅读更多
    因为JSON 是 javascript 的一个子集,所以,在javascript 中使用JSON是非常简单的。
   
   
js 代码
 
  1. var myJSONObject = {"bindings": [  
  2.         {"ircEvent""PRIVMSG""method""newURI""regex""^http://.*"},  
  3.         {"ircEvent""PRIVMSG""method""deleteURI""regex""^delete.*"},  
  4.         {"ircEvent""PRIVMSG""method""randomURI""regex""^random.*"}  
  5.     ]  
  6. };  

在上面的例子中,我们创建了只包含一个成员 "bindings" 的一个对象,bindings 则包含了一个由3个对象组成的数组。这3个对象都包含3个成员:"ircEvent", "method""regex"。

在javascript 中, 成员可以通过“点号”来获取。
比如:
js 代码
  1. myJSONObject.bindings[0].method  

通过eval() 函数可以将JSON字符串转化为对象。
js 代码
  1. var myObject = eval('(' + myJSONtext + ')');  

eval 函数非常快,但是它可以编译任何 javascirpt 代码,这样的话就可能产生安全的问题。eval 的使用是基于传入的代码参数是可靠的假设的,有一些情况下,可能客户端是不可信任的。

如果基于安全的考虑的话,最好是使用一个
JSON 解析器。 一个 JSON 解析器将只接受 JSON 文本。所以是更安全的。
js 代码
 
  1. var myObject = JSON.parse(myJSONtext, filter);  

可选的 filter 参数将遍历每一个value key 值对, 并进行相关的处理。如:

js 代码
  1. myData = JSON.parse(text, function (key, value) {       
    1. return key.indexOf('date') >= 0 ? new Date(value) : value;    }); 

stringifier 函数的作用跟 parse 相反, 用来将一个js对象转换为 JSON 文本。
js 代码
  1. var myJSONText = JSON.stringifier(myObject);  

这里是一个开源的
JSON parser and JSON stringifier
  • json2.rar (3.2 KB)
  • 描述: 一个开源的 JSON parser and JSON stringifier
  • 下载次数: 2022
分享到:
评论
3 楼 tonyhelp 2008-09-17  
<div class='quote_title'>jelly 写道</div>
<div class='quote_div'>    因为JSON 是 javascript 的一个子集,所以,在javascript 中使用JSON是非常简单的。<br/>    <br/>   
<div class='code_title'>js 代码</div>
<div class='dp-highlighter'>
<div class='bar'> </div>
<ol class='dp-c'>
<li class='alt'><span><span class='keyword'>var</span><span> myJSONObject = {</span><span class='string'>"bindings"</span><span>: [  </span></span></li>
<li><span>        {<span class='string'>"ircEvent"</span><span>: </span><span class='string'>"PRIVMSG"</span><span>, </span><span class='string'>"method"</span><span>: </span><span class='string'>"newURI"</span><span>, </span><span class='string'>"regex"</span><span>: </span><span class='string'>"^http://.*"</span><span>},  </span></span></li>
<li class='alt'><span>        {<span class='string'>"ircEvent"</span><span>: </span><span class='string'>"PRIVMSG"</span><span>, </span><span class='string'>"method"</span><span>: </span><span class='string'>"deleteURI"</span><span>, </span><span class='string'>"regex"</span><span>: </span><span class='string'>"^delete.*"</span><span>},  </span></span></li>
<li><span>        {<span class='string'>"ircEvent"</span><span>: </span><span class='string'>"PRIVMSG"</span><span>, </span><span class='string'>"method"</span><span>: </span><span class='string'>"randomURI"</span><span>, </span><span class='string'>"regex"</span><span>: </span><span class='string'>"^random.*"</span><span>}  </span></span></li>
<li class='alt'><span>    ]  </span></li>
<li><span>};  </span></li>
</ol></div>
<br/>在上面的例子中,我们创建了只包含一个成员 <span><span class='string'>"bindings" </span></span>的一个对象,<span><span class='string'>bindings 则包含了一个由3个对象组成的数组。这3个对象都包含3个成员:</span></span><span><span class='string'>"ircEvent",</span><span> </span><span class='string'>"method"</span><span>,</span><span class='string'>"regex"。<br/><br/>在javascript 中, 成员可以通过“点号”来获取。<br/>比如:<br/>
<div class='code_title'>js 代码</div>
<div class='dp-highlighter'><ol class='dp-c'>
<li class='alt'><span><span>myJSONObject.bindings[0].method  </span></span></li>
</ol></div>
<br/>通过eval() 函数可以将JSON字符串转化为对象。<br/>
<div class='code_title'>js 代码</div>
<div class='dp-highlighter'><ol class='dp-c'>
<li class='alt'><span><span class='keyword'>var</span><span> myObject = eval('(' + myJSONtext + ')');  </span></span></li>
</ol></div>
<br/>eval 函数非常快,但是它可以编译任何 javascirpt 代码,这样的话就可能产生安全的问题。eval 的使用是基于传入的代码参数是可靠的假设的,有一些情况下,可能客户端是不可信任的。<br/><br/>如果基于安全的考虑的话,最好是使用一个 </span></span>JSON 解析器。 一个<span><span class='string'> </span></span>JSON 解析器将只接受 JSON 文本。所以是更安全的。<br/>
<div class='code_title'>js 代码</div>
<div class='dp-highlighter'>
<div class='bar'> </div>
<ol class='dp-c'>
<li class='alt'><span><span class='keyword'>var</span><span> myObject = JSON.parse(myJSONtext, filter);  </span></span></li>
</ol></div>
<br/>可选的 filter 参数将遍历每一个value key 值对, 并进行相关的处理。如:<br/><br/><span><span class='string'>
<div class='code_title'>js 代码</div>
<div class='dp-highlighter'><ol class='dp-c'>
<li class='alt'><span><span>myData = JSON.parse(text, </span><span class='keyword'>function</span><span> (key, value) {        <br/></span></span><ol>
<li class='alt'><span><span class='keyword'>return</span><span> key.indexOf('date') &gt;= 0 ? </span><span class='keyword'>new</span><span> Date(value) : value;    });  </span></span></li>
</ol></li>
</ol></div>
</span></span><span><span class='string'><br/></span></span><span><span class='string'><span><span>stringifier 函数的作用跟 parse 相反, 用来将一个js对象转换为 JSON 文本。</span></span></span></span><br/><span><span class='string'>
<div class='code_title'>js 代码</div>
<div class='dp-highlighter'><ol class='dp-c'>
<li class='alt'><span><span class='keyword'>var</span><span> myJSONText = JSON.stringifier(myObject);  </span></span></li>
</ol></div>
<br/>这里是一个开源的 </span></span><a href='http://www.json.org/json2.js'>JSON parser and JSON stringifier</a></div>
<div class='quote_div'>白痴</div>
<p> </p>
2 楼 tonyhelp 2008-09-17  
我也翻译过这篇文章

我也用过 DOJO ,现在改用 jQuery了
1 楼 wangsong76 2008-08-22  
我也翻译过这篇文章

我也用过 DOJO ,现在改用 jQuery了。

相关推荐

    javascript处理json字符串和json对象的类(含示例)

    `JSON.parse()`和`JSON.stringify()`是JavaScript处理JSON的核心工具,而实际项目中的HTML和JS文件则负责提供交互式用户体验。通过结合使用这些工具和技术,开发者能够轻松地在前端和后端之间传递和操作数据。

    JavaScript and JSON Essentials

    随着互联网的兴起,数据在网络上交换的方式经历了...总的来说,《JavaScript与JSON实用指南》将帮助开发者掌握JSON的核心知识,并了解如何使用JavaScript创建和处理JSON数据,从而构建出更加高效和功能丰富的web应用。

    javascript处理json字符串和json对象的类(含示例,最终版本)

    javascript处理json字符串和json对象的类。 可以把json对象转换成字符串, 也可以把json格式的字符串转换成json对象。 上一个版本有一个小问题,修改了。这是最终版本。 含有演示例子。

    jsoneditor_javascript_JSON_jsoneditor9.1.4_json-editorjs_

    综上所述,JSONEditor是一个强大的JSON数据编辑工具,利用JavaScript实现,适用于各种需要处理JSON数据的场景。通过理解和应用JSONEditor,开发者能够为用户提供更加直观、易用的数据编辑体验。同时,深入学习和掌握...

    javascript读取Json数据分页显示

    在这个场景中,我们将讨论如何使用JavaScript从JSON数据源中读取数据,并实现支持键盘和滚轮翻页的功能。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于...

    使用JavaScript操作JSON源码

    本篇将深入探讨如何使用JavaScript来操作JSON源码。 首先,理解JSON的基本结构至关重要。JSON基于JavaScript对象语法,但不包含函数和一些特殊值。一个JSON对象以大括号{}表示,其中包含键值对;数组则以方括号[]...

    Javascript解析JSON数据

    JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。

    JavaScript 中处理JSON

    ### JavaScript 中处理 JSON 在现代 Web 开发中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。它基于JavaScript的一个子集,但作为一种独立的...

    纯javascript实现json与对象的互相转换项目

    相反,如果我们要将JavaScript对象转换为JSON字符串,可以使用`JSON.stringify()`方法: ```javascript var jsonObject = { name: 'John', age: 30, city: 'New York' }; var jsonString = JSON.stringify...

    高效率读取json格式数据的tree

    综上所述,这个压缩包提供了一种用JavaScript处理JSON数据并构建高效树形结构的解决方案。它可能包括了优化的加载策略、自定义的树形组件以及用于展示中国区域数据的示例。要深入理解和使用这个方案,你需要详细研究...

    delphi7_ remobject_javascript_json

    在Delphi 7中,可以使用第三方库如SuperObject或者Indy来处理JSON数据。在这个实例中,我们假设已经有一个JSON数据解析库。 在实际应用中,你可能会有以下步骤: 1. 创建一个REMJSEngine实例,这是运行JavaScript...

    xmlhttp+asp+javascript+xml+json

    在压缩包"xmlhttp+asp+javascript+xml+json"中,可能包含了示例代码或者教程,展示了如何在ASP环境中使用XMLHTTP对象与服务器通信,JavaScript处理JSON或XML响应,并在客户端进行数据操作。如果你正面临一个需要使用...

    javascript object to json string

    在JavaScript中,我们可以使用`JSON.stringify()`方法将JavaScript对象转换成JSON字符串。 `JSON.stringify()`方法接受三个参数: 1. 需要转换的JavaScript对象或值。 2. (可选)一个转换函数,用于在转换过程中...

    Spring处理json,客户端处理json

    在这个场景中,我们关注的是Spring如何处理JSON数据以及客户端如何处理JSON。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛用于前后端交互,因为它的结构清晰且易于阅读和编写。 1. **...

    javascript json数据解析工具json2.js

    JSON2.js是由Douglas Crockford开发的一个JavaScript库,专门用于处理JSON数据,尤其在老版本的浏览器中,这些浏览器可能不支持原生的JSON解析和序列化功能。 在JavaScript中,JSON主要用于对象与字符串之间的转换...

    处理JSON的jar包

    提到的"处理JSON的jar包"指的是一个包含JSON处理功能的Java库,特别是其中的`json-lib-1.1-jdk13.jar`。这个jar包是`json-lib`项目的一部分,这是一个Java库,用于将Java对象转换为JSON格式,并将JSON数据转换回Java...

    解决javascript组装json的繁琐问题

    然而,处理JSON的组装过程可能会变得繁琐,尤其是在需要构建复杂的数据结构时。本篇文章将探讨如何解决这个问题,通过使用内部的javabean模式和JavaScript的原型链特性来简化JSON数据的拼装。 首先,理解JavaScript...

    JavaScript程序设计-JS中的JSON对象.pdf

    用JavaScript处理JSON对象 在JavaScript中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集。JSON采用完全独立于语言的文本格式,但也使用了类似于C家族语言,包括...

    一个用于将JSON数据转换为Table的JavaScript库

    2. **基本使用**:在JavaScript中,你可以创建一个JSON对象,然后调用库的`convertToJsonTable`函数,传入JSON数据作为参数。这个函数会返回一个HTML字符串,可以直接插入到页面的某个元素中,如`document....

    javascript读取json数组生成滚动分页

    在本场景中,我们将关注如何使用JavaScript从JSON数组中读取数据并生成滚动分页效果。滚动分页是一种用户滚动到页面底部时自动加载更多数据的技术,常见于社交网络和新闻网站。 首先,我们需要理解JSON(JavaScript...

Global site tag (gtag.js) - Google Analytics