html js定义json对象,javascript中的json及对象

③ 使用JSON构造对象

JSON即Javascript对象表示方法(Javascript Object Notation)，也就是通过字面量来表示一个对象：

//JSON形式创建一个对象

var arthinking = {

username : "Jason",

password : "123",

favorite : {

sports : "football",

music : "Guitar"

}

alert(arthinking.username);

alert(arthinking.favorite.sports);

使用JSON的优点：

这种写法比较简洁，大多数有经验的Javascript程序员都更倾向于这种写法，jQuery、ExtJS都大量使用了JSON。

JSON格式数据本身是可以递归的，可以表达任意复杂的数据类型。

JSON的写法很简单：用花括号括起来的键值对，键值对通过冒号隔开，值可以是任意的Javascript对象。

作为一种前端和服务器端数据交换的格式，前端通过AJAX发送JSOn对象到服务器，服务器端通过脚本对JSON进行解析，还原成服务器端的对象，进行处理，然后在通过JSON数据形式返回给客户端信息。这样使用同一种数据格式，可以降低出错率。

使用JSON数据作为函数的返回值：

JSON的另一个应用场景是当一个函数拥有多个返回值时，可以不用按照传统面向对象编程那样返回对象，而是直接返回JSON格式的数据即可。

//使用JSON作为函数的返回值

function position(left, top){

this.left = left;

this.top = top;

return {

left : this.left,

top : this.top

};

}

alert(position(10, 10));

可以这样逐个循环获取JSON中的数据：

var json = position(10, 10);

for(var key in json){

alert(key +" : " + json[key]);

}

html js定义json对象,javascript中的json及对象相关推荐

JS/JavaScript中解析JSON --- JSON.parse()、JSON.stringify()以及$.parseJSON()使用详解
JS/JavaScript中解析JSON --- JSON.parse().JSON.stringify()以及$.parseJSON()使用详解现在JSON格式在web开发中非常重要,特别是在使用 ...
在 JavaScript 中创建 JSON 对象
<html> <body> <h2>在 JavaScript 中创建 JSON 对象</h2><p> Name: <span id=& ...
js获取对象数组中指定属性值对象_3分钟学会操作JavaScript内置对象，快来试试吧...
1 - 内置对象 1.1 内置对象 JavaScript 中的对象分为3种:自定义对象 .内置对象. 浏览器对象. 前面两种对象是JS 基础内容,属于 ECMAScript: 第三个浏览器对象属于 ...
前端JS：判断list(数组)中的json对象是否重复
前端JS:判断list(数组)中的json对象是否重复 <!DOCTYPE html> <html> <head> <meta charset="u ...
Json学习总结（1）——Java和JavaScript中使用Json方法大全
2019独角兽企业重金招聘Python工程师标准>>> 摘要:JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript ...
在JavaScript中解析JSON？ [重复]
本文翻译自:Parse JSON in JavaScript? [duplicate] This question already has answers here : 这个问题已经在这里有了答案 : ...
jsonp请求html页面,JavaScript中的JSON和JSONP
简单地使用json并不能支持跨域资源请求,为了解决这个问题,需要采用jsonp数据交互协议.众所周知,js文件的调用不受跨域与否的限制,因此如果想通过纯web端跨域访问数据,只能在远程服务器上设法将j ...
【JavaScript】在JavaScript中使用JSON进行序列化/反序列化操作
文章目录用于stringfy/parse操作的"JSON"对象 JavaScript中简单数据类型的JSON序列化操作使用toJSON()进行对象的序列化操作使用eval() ...
javascript 中使用JSON
因为JSON 是 javascript 的一个子集,所以,在javascript 中使用JSON是非常简单的. js 代码 var myJSONObject = {"bindings&quo ...

html js定义json对象,javascript中的json及对象

html js定义json对象,javascript中的json及对象相关推荐

最新文章

热门文章