JSON

jquery json 格式教程 - 小y(3)

字号+ 作者:H5之家 来源:H5之家 2016-11-22 16:04 我要评论( )

value2 = {”china”:[{ name:hangzhou, item:1 },{ name:shanghai, item:2 },{ name:sichuan, item:3 }],”America”:[{ name:aa, item:12 },{ name:bb, item:2 }],”Spain”:[{ name:cc, item:1 },{ name:dd, ite

value2 = { ”china”:[ {"name":"hangzhou", "item":"1"}, {"name":"shanghai", "item":"2"}, {"name":"sichuan", "item":"3"} ], ”America”:[ {"name":"aa", "item":"12"}, {"name":"bb", "item":"2"} ], ”Spain”:[ {"name":"cc", "item":"1"}, {"name":"dd", "item":"23"}, {"name":"ee", "item":"3"} ] }; for (var countryObj in value2) { document.write(countryObj + ”:<br />”) (var i = 0;i < value2[countryObj].length; i++) { document.write(“ ” + value2[countryObj][i]["name"] + ”<br />”); } }

说明:

countryObj value2对象的属性名,value2[countryObj] 属性值 本例中是一个数组,value2[countryObj].length 数组的长度,value2[countryObj][i]数组的项 == json对象。

value2[countryObj][i]["name"] 取得name的值,也可以用value2[countryObj][i].name 来取得name的值。

将后台程序(如php)发送过来的json数据转化为javascript的数组或者对象的方法十分简单,代码如下:

JavaScript代码

  • // 假设后台发送的json数据为 ’{a:2,b:1}’ 存储于str中
  • var data = eval( ’(‘ + str + ’)' );
  • 然而想将一个javascript对象转化为json格式的字符串却并不那么简单,特别是对象的属性值递归包含一个对象时(如 var obj={a:[2,3],b:{m:[3,4],n:2} } ),那么有没有什么方法将obj转化为json格式的字符串呢?

    当然你可以自己写一个函数,递归遍历一个对象并将其转化为json格式的字符串,对于大部分人来说这有些困难并容易出错。幸好已经有人做好了这件事情,你只用包含一段javascript代码即可。

    使用方法:

    value2 = { ”china”:[ {"name":"hangzhou", "item":"1"}, {"name":"shanghai", "item":"2"}, {"name":"sichuan", "item":"3"} ], ”America”:[ {"name":"aa", "item":"12"}, {"name":"bb", "item":"2"} ], ”Spain”:[ {"name":"cc", "item":"1"}, {"name":"dd", "item":"23"}, {"name":"ee", "item":"3"} ] }; for (var countryObj in value2) { document.write(countryObj + ”:<br />”) (var i = 0;i < value2[countryObj].length; i++) { document.write(“ ” + value2[countryObj][i]["name"] + ”<br />”); } }

    假如有两个变量,我要将a转换成字符串,将b转换成JSON对象:

    JavaScript代码

    var a={“name”:”tom”,”sex”:”男”,”age”:”24″};

    var b=’{“name”:”Mike”,”sex”:”女”,”age”:”29″}’;

    在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和 parse()方法。JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式;

    上面的转换可以这么写:

    var a={“name”:”tom”,”sex”:”男”,”age”:”24″}; var b=’{“name”:”Mike”,”sex”:”女”,”age”:”29″}’; var aToStr=JSON.stringify(a); var bToObj=JSON.parse(b); alert(typeof(aToStr)); //string alert(typeof(bToObj)); //object

    JSON.stringify()

    ie8(兼容模式),ie7和ie6没有JSON对象,不过提供了一个json.js,这样ie8(兼 容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法;你可以在https://github.com /douglascrockford/JSON-js上获取到这个js,一般现在用json2.js。ie8(兼容模式),ie7和ie6可以使用 eval()将字符串转为JSON对象:

    JavaScript代码

    var c=’{“name”:”Mike”,”sex”:”女”,”age”:”29″}’;

    var cToObj=eval(“(“+c+”)”); alert( typeof (cToObj));

    jQuery中也有将字符串转为JSON格式的方法jQuery.parseJSON( json ),接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript (JSON)对象。当然如果有兴趣可以自己封装一个jQuery扩展,jQuery.stringifyJSON(obj)将JSON转为字符串。

    JSON.stringify(jsonobj),本来是最简便的方法,可是存在浏览器兼容问题(仅适用于IE8+,Chrome 1+,FF 3+)。下面再介绍一个方法:

    var O2String = function (O) { S = []; var J = ”"; if (Object.prototype.toString.apply(O) === ’[object Array]‘) { for (var i = 0; i < O.length; i++) S.push(O2String(O[i])); J = ’[' + S.join(',') + ']‘; } else if (Object.prototype.toString.apply(O) === ’[object Date]‘) { J = ”new Date(“ + O.getTime() + ”)”; } else if (Object.prototype.toString.apply(O) === ’[object RegExp]‘ || Object.prototype.toString.apply(O) === ’[object Function]‘) { J = O.toString(); } else if (Object.prototype.toString.apply(O) === ’[object Object]‘) { for (var i in O) { O[i] = typeof (O[i]) == ’string’ ? ’”‘ + O[i] + ’”‘ : (typeof (O[i]) === ’object’ ? O2String(O[i]) : O[i]); S.push(i + ’:' + O[i]); } J = ’{‘ + S.join(‘,’) + ’}'; } return J; };

    使用方法也很简单:

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • JSON 数据解析的方法

      JSON 数据解析的方法

      2016-11-22 17:00

    • JSON 数据格式

      JSON 数据格式

      2016-11-22 14:00

    • Json解析教程(四.FastJson 的使用)

      Json解析教程(四.FastJson 的使用)

      2016-11-19 14:01

    • android_json教程

      android_json教程

      2016-11-18 17:01

    网友点评