javascript通过json2.js处理json格式数据

最新推荐文章于 2024-04-10 18:24:39 发布
最新推荐文章于 2024-04-10 18:24:39 发布
阅读量281 收藏
点赞数
文章标签： json javascript 前端 ViewUI

Json2.js下载地址：https://github.com/douglascrockford/JSON-js

下载之后，只需将要用到的json2.js文件引入到页面即可。

1.JSON.parse()

方法用于将json格式的文本串转化为javaScript的json数据，例如:

varrecords=

{

"table":"GPS_MANAGER",

"token":"32sdfj-349sfdnfs32-fsdf348imfg323-df34",

"pk":"GPS_LONGITUDE,GPS_LATITUDE",

"rows":[

{

"type":"modify",

"columns":[

{

"GPS_LONGITUDE":"GPS_LONGITUDE",

"old":"",

"new":"112.9152287"

},

{

"GPS_LATITUDE":"GPS_LATITUDE",

"old":"",

"new":"22.6689977"

},

{

"GPSMARK":"GPSMARK",

"old":"",

"new":"1"

},

{

"RTUNAME":"RTUNAME",

"old":"",

"new":"大边岩站"

},

{

"RTUID":"RTUID",

"old":"",

"new":"13525"

},

{

"NOTE":"NOTE",

"old":"",

"new":"undefined"

},

{

"Y":"Y",

"old":"",

"new":"2508146.500000"

},

{

"X":"X",

"old":"",

"new":"696776.812500"

},

{

"GPS_HEIGHT":"GPS_HEIGHT",

"old":"",

"new":"0"

},

{

"GPS_GUID":"GPS_GUID",

"old":"",

"new":"1381c526-2d90-442f-889c-731485a960c1"

}

]

}

]

}

varjsonObj=JSON.parse(records);

然后就可以通过前端javascript代码解析json文本传递过来的数据，json是一种以key:value的复合格式存储数据的协议，这样简化了数据传递量，比较xml更能减轻客户端负载。

但是个人感觉json数据格式没有xml文件那样一目了然！

2.JSON.stringify()

方法用于将javaScript的json数据转化为json格式的文本串。主要用于向服务端返回数据。

3.Json验证工具

(1).Json文本在线验证工具JSONLint：http://jsonlint.com/

通过此在线工具验证json格式文本串是否符合json数据格式。如图：


(2).Json验证预览软件：JSONViewer

此工具既可以验证json文本，并且可以对其进行预览。如图：

验证：



格式化：


预览：



南山隐者
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript 处理 JSON 数据 示例
晴天的专栏
01-27 2149
最近做了一个 MEAN stack 的 app 。后台用 NodeJS 从 Jira rest api 获得JSON数据并做处理，然后前端用 AngularJS Ajax call 获得处理后的 JSON 数据，显示到 App 上。处理了很多 JSON 数据，决定编一个例子，写一个总结。 JSON 数据处理，基本就是 JSON String 和 JSON Object 之间的转换。 J
JSON
mengxianglong123的博客
05-15 400
<script type="text/javascript"> /* * JSON * - JS中的对象只有JS自己认识，其他的语言都不认识 * - JSON就是一个特殊格式的字符串，这个字符串可以被任意的语言所识别， * 并且可以转换为任意语言中的对象，JSON在开发中主要用来数据的交互 * - JSON * ...
json2.js 使用详细教程
热门推荐
jackljf的专栏
05-22 1万+
 引用自：http://darlingwolf.bokee.com/viewdiary.41588769.html这是个人在最近使用json时做的总结，拿出来给没接触过的小弟们晒晒，适用与没接触过json的人员，其中json2。js请到json官网下载。 //直接声明json数据结构 var myJSONObject = {"bindings": [         {"ircEvent"
json2.js 使用
lovy_hua的专栏
06-30 519
函数声明 JSON.stringify = function (value, replacer, space);
JavaScript 处理解析JSON 数据详解
全世界的屋顶
03-05 1157
JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。  JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。 JSON的规则很简单： 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号
Json2.js.zip_json2.js
09-20
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于JavaScript的一个子集，...通过阅读`Json2.js手册.pdf`，你可以深入学习JSON和`json2.js`的使用，提升你在JavaScript中的数据交换和序列化能力。
json2.js 亲测可用
01-15
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，被广泛用于Web应用程序之间传递数据。它基于JavaScript的一个子集，设计为人类可读且易于编写，同时也易于机器解析和生成。JSON2.js是一个...
json2.zip_json2_json2.js
09-20
`json2.js`就是为了弥补这一不足，它提供了`JSON.parse()`和`JSON.stringify()`两个关键方法，分别用于将JSON字符串转化为JavaScript对象和将JavaScript对象转化为JSON字符串。 1. `JSON.parse()`: 这个方法用于将...
javascript json数据解析工具json2.js
11-05
2. JSON.stringify(): 相反，这个函数将JavaScript对象转换成JSON格式的字符串。例如： ```javascript var jsonObject = {name: "John", age: 30, city: "New York"}; var jsonString = JSON.stringify...
json2.js文件下载
07-06
将JavaScript对象类型的参数通过JSON.stringify转换成字符串传递时，IE6、7、8会报：“JSON”未定义 的错误。可以通过在html文件的head头内引入json2.js文件来解决：
json.js_json2.js
10-29
This file creates a global JSON object containing two methods: stringify and parse. JSON.stringify(value, replacer, space) value any JavaScript value, usually an object or array. replacer an optional parameter that determines how object values are stringified for objects. It can be a function or an array of strings. space an optional parameter that specifies the indentation of nested structures. If it is omitted, the text will be packed without extra whitespace. If it is a number, it will specify the number of spaces to indent at each level. If it is a string (such as '\t' or ' '), it contains the characters used to indent at each level. This method produces a JSON text from a JavaScript value. When an object value is found, if the object contains a toJSON method, its toJSON method will be called and the result will be stringified. A toJSON method does not serialize: it returns the value represented by the name/value pair that should be serialized, or undefined if nothing should be serialized. The toJSON method will be passed the key associated with the value, and this will be bound to the value For example, this would serialize Dates as ISO strings. Date.prototype.toJSON = function (key) { function f(n) { // Format integers to have at least two digits. return n < 10 ? '0' + n : n; } return this.getUTCFullYear() + '-' + f(this.getUTCMonth() + 1) + '-' + f(this.getUTCDate()) + 'T' + f(this.getUTCHours()) + ':' + f(this.getUTCMinutes()) + ':' + f(this.getUTCSeconds()) + 'Z'; }; You can provide an optional replacer method. It will be passed the key and value of each member, with this bound to the containing object. The value that is returned from your method will be serialized. If your method returns undefined, then the member will be excluded from the serialization. If the replacer parameter is an array of strings, then it will be used to select the members to be serialized. It filters the results such that only members with keys listed in the replacer array are stringified. Values that do not have JSON representations, such as undefined or functions, will not be serialized. Such values in objects will be dropped; in arrays they will be replaced with null. You can use a replacer function to replace those with JSON values. JSON.stringify(undefined) returns undefined. The optional space parameter produces a stringification of the value that is filled with line breaks and indentation to make it easier to read. If the space parameter is a non-empty string, then that string will be used for indentation. If the space parameter is a number, then the indentation will be that many spaces. Example: text = JSON.stringify(['e', {pluribus: 'unum'}]); // text is '["e",{"pluribus":"unum"}]' text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t'); // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]' text = JSON.stringify([new Date()], function (key, value) { return this[key] instanceof Date ? 'Date(' + this[key] + ')' : value; }); // text is '["Date(---current time---)"]' JSON.parse(text, reviver) This method parses a JSON text to produce an object or array. It can throw a SyntaxError exception. The optional reviver parameter is a function that can filter and transform the results. It receives each of the keys and values, and its return value is used instead of the original value. If it returns what it received, then the structure is not modified. If it returns undefined then the member is deleted. Example: // Parse the text. Values that look like ISO date strings will // be converted to Date objects. myData = JSON.parse(text, function (key, value) { var a; if (typeof value === 'string') { a = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value); if (a) { return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4], +a[5], +a[6])); } } return value; }); myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) { var d; if (typeof value === 'string' && value.slice(0, 5) === 'Date(' && value.slice(-1) === ')') { d = new Date(value.slice(5, -1)); if (d) { return d; } } return value; }); This is a reference implementation. You are free to copy, modify, or redistribute.
json2.js文件，json对象兼容
05-30
浏览器兼容模式下JSON未定义问题 解决方法是：判断当前浏览器是否支持JSON对象，如果不支持，则引入json2.js文件即可。
json2.js用于json数据格式
04-26
json2.js用于json方式传输数据时所用的js文件
前端json2的js包。
12-13
提供string字符串转换json格式的转换，内含json2的js包（调用JSON.parse方法即可）。
JavaScript JSON数据处理全集
纸上得来终觉浅，绝知此事要躬行
07-25 3159
JSON 是轻量级的文本数据交换格式。 目录 JSON 语法 JSON 取值类型 JSON对象 JSON 数组 JSON字符串数据转对象：JSON.parse() 对象转字符串JSON数据：JSON.stringify() JSON 语法 JavaScript 对象表示语法的子集。 数据在名称/值对中 数据由逗号分隔 大括号保存对象 中括号保存数组 JSON 取值类型 ...
JavaScript中的JSON
m0_63077733的博客
07-17 2447
这个例子使用 JSON.stringify()把一个 JavaScript 对象序列化为一个 JSON 字符串，保存在变量 jsonText 中。提供的函数接收两个参数：属性名（key）和属性 值（value）。这个 key 始终是字符串，只是在值 不属于某个键/值对时会是空字符串。即使整个 JSON 对象中有两个属性都叫"name"， 但它们属于两个不同的对象，因此是允许的。JSON 字符串可以直接传给 JSON.parse()，然后得到相应的 JavaScript 值。
Json2.js用法
wyaspnet的专栏
08-28 1404
JSON是JavaScript面向对象语法的一个子集。由于JSON是JavaScript的一个子集，因此它可清晰的 运用于此语言中。 var myJSONObject = {"bindings": [ {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"}, {"ircEvent": "PRIVMSG", "me
JS中的JSON（秒懂如何操作JSON）
最新发布
百赢出品，必属精品
04-10 6238
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于JavaScript的语法子集，但是独立于编程语言。JSON格式可以用来在网络中传输数据，也可以存储数据。JSON采用键值对的方式表示数据，其中键是字符串，值可以是字符串、数字、布尔值、数组、对象或者null。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于在不同系统之间进行数据传输和存储。格式JSON采用键值对的方式存储数据。
json2.js的初步学习与了解
子夜轻风
06-01 173
  1.）该js的下载地址是：http://www.json.org/json2.js 2.）在页面中引用该脚本：&lt;script type="text/javascript" src="js/json2.js"&gt;&lt;/script&gt; 3.）示例演示一：//直接声明json数据结构 var myJSONObject = {"bindings": [         {"i...
json2.js入门教程：使用与实例解析
"这篇文档是关于json2.js的入门教程，涵盖了它的使用方法和实例分析。json2.js是一个JavaScript库，主要用于处理JSON...通过学习和应用json2.js，开发者可以更好地在JavaScript环境中进行JSON数据的处理和交换。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值