Js封装Json数据

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

JSON的规则很简单: 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。

下面通过一些例子对JSON作一些简单的介绍:

一、可以通过Javascript中的eval函数把符合一定格式的字符串转化成JSON对象

<script language="javascript">

function ShowJsonString()

{

response = (

"[{ name: ‘Joe‘, age: ‘30‘, gender: ‘M‘},{ name: ‘Chandler‘, age: ‘32‘, gender: ‘M‘},{ name: ‘Rose‘, age: ‘31‘, gender: ‘M‘}]"   //字符串形式

);

var response1 = "({ name: ‘Vicson‘, age: ‘30‘, gender: ‘M‘})";   //字符串形式,这里的小括号不能少

json = eval(response);

json1 = eval(response1);

alert(json[0].name + "," + json[1].age + "," +  json[2].gender);

alert(json1.name);

}

ShowJsonString();

</script>

二、直接定义JSON对象

<script language="javascript">

function ShowJsonObject()

{

var user =

{

username:"andy",

"age":20,

"info": { "tel": "25003614", "cellphone": "882"},

"address":

[

{city:"shenzhen","postcode":"0755"},

{"city":"guangzhou","postcode":"020"}

]             //address是一个数组

}                     //对象形式

alert(user.username);

alert(user.age);

alert(user.info.cellphone);

alert(user.address[0].city);

alert(user.address[0].postcode);

}

ShowJsonObject();

</script>

三、对JSON对象的属性进行赋值

<script language="javascript">

function SetJsonObject()

{

var user=

{

"username":"andy"

}

user.username = "Tom";

alert(user.username);

}

SetJsonObject();

</script>

四、通过json.js中的parseJSON方法把字符串转化成JSON对象,

json.js文件包可以在http://www.json.org/json-zh.html中下载

<script language="javascript" src="json.js"></script>

<script language="javascript">

function parseJsonEval()

{

var str = ‘{"name":"Violet", "occupation":"character"}‘;

var obj = str.parseJSON();

alert(obj.toJSONString());

alert(obj.name);

}

parseJsonEval();

</script>

时间: 2024-11-05 22:53:02

Js封装Json数据的相关文章

java对象转JSON JS取JSON数据

JsonConfig config = new JsonConfig(); config.setJsonPropertyFilter(new PropertyFilter() { @Override public boolean apply(Object arg0, String arg1, Object arg2) { // 过滤掉对象里的包含自己的属性(自己关联自己) if (arg1.equals("wareTypes") || arg1.equals("skillS&

JS解析Json 数据并跳转到一个新页面,取消A 标签跳转

JS解析Json 数据并跳转到一个新页面,代码如下 $.getJSON("http://api.cn.abb.com/common/api/staff/employee/" + obj.id, function (result) { window.open("https://abb-my.sharepoint.com/_layouts/15/me.aspx?p=" + result.Email, "_blank") }); 取消A 标签跳转 &l

MVC客户端使用 Mustache.js把json数据填充到模版中

使用Mustache的好处是:可以把一些反复用到的html部分定义成Mustache模版,以便多次使用.使用Mustache的大致步骤是: →从后台拿到json数据 →获取前台页面预先定义好Mustache模版(占位符必须和从后台传来的的字段或属性名一致) →遍历每行的json数据,使用Mustache.render(template, row)方法把json数据填充到对应的占位符,得到html内容 →把html内容追加到页面的某个位置 显示一个足球俱乐部的下拉框: 当点击下拉框,显示该俱乐部的

使用Map List 封装json数据

<dependency> <groupId>net.sf.json-lib</groupId> <artifactId>json-lib</artifactId> <version>2.4</version> <classifier>jdk15</classifier> </dependency> import net.sf.json.JSONObject; public static

JS解析json数据并将json字符串转化为数组的实现方法

json数据在ajax实现异步交互时起到了很重要的作用,他可以返回请求的数据,然后利用客户端的js进行解析,这一点体现出js的强大,本文介绍JS解析json数据并将json字符串转化为数组的实现方法,需要了解的朋友可以参考下 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document

js声明json数据,打印json数据

1.js声明json数据: 2.打印json数据. //声明JSON var json = {}; json.a = 1; //第一种赋值方式(仿对象型) json['b'] = 2; //第二种赋值方式(仿数组型) //打印JSON //打印JSON需要用到JSON(JS自带)的一个对象方法stringify //语法如下 alert(JSON.stringify(json)); 总结,在JS里面使用JSON的表现能力比数组优秀.

ajax请求从js传json数据到后场及接受方式—用或者不用RequestBody的情况及后场返回

参考网上队友的帖子:传递JSON数据有没有必要用RequestBody?https://www.cnblogs.com/NJM-F/p/10407763.html 1.不使用RequestBody时是这样的: 前端参数可以直接使用JSON对象: //此时请求的ContentType默认是application/x-www-form-urlencoded: var user= { "username" : username, "password" : password

js解析json数据

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包. 本文主要是对JS操作JSON的要领做下总结. 在JSON中,有两种结构:对象和数组. 1. 一个对象以"{"(左括号)开始,"}"(右括号)结束.每个"名称"后跟

Js处理json数据

js中处理由ajax调用返回的json数据问题,可以通过使用JSON.parse方法将json字符串转化成javascript 对象.通过对象访问属性值. JSON.parse 只限于高版本的浏览器.如果是ie5,6就需要下载并引用 json2.js