$.each 循环json以及JSON.parse() JSON.stringify() jQuery.parseJSON()的用法:

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/QTFYING/article/details/77980618

$.each 循环 json

  • 当循环的是 json 对象:
        var jsonStu = [{
            "name": "张三",
            "score": "90"
        }, {
            "name": "李四",
            "score": "80"
        }, {
            "name": "王五",
            "score": "70"
        }];

        $(document).ready(function () {
            var result = "";
            $.each(jsonStu, function (index, data) {
                result += "姓名:" + data.name + "年龄:" + data.score + "<br />";
            });


            $('#show').html(result);
        });
  • 当访问的是json字符串:
var json = '[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"}]';

        $.each(JSON.parse(json), function(idx, obj) {
            console.log(obj.tagName);
        });

        //or

        $.each($.parseJSON(json), function(idx, obj) {
            console.log(obj.tagName);
        });

JSON 的函数的系列用法:

  • JSON.parse(jsonString)
JSON.parse( )用于从一个字符串中解析出json对象,如:

var str = '{"name":"huangxiaojian","age":"23"}'    

注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。

JSON.parse(str)

结果:

Object

1. age: "23"
2. name: "huangxiaojian"
3. proto: Object
  • stringify(obj)
stringify( )用于从一个对象解析出字符串,如:

var a = {a:1,b:2}

结果:

JSON.stringify(a)

"{"a":1,"b":2}"
  • jQuery.parseJSON(jsonString) 或者 $.parseJSON(jsonString)
var str = '[{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry","activeClass":"haha"}]';

jQuery.parseJSON(str);

结果:

Object:

activeClass: "haha"

dataType: "curry"

href: "baidu.com"

orgId: 123

text: "test"
  • json 字符串和对象的相互转换
JSON.parse( ) 字符串转化为对象

JSON.stringify( ) 对象转还未字符串

猜你喜欢

转载自blog.csdn.net/QTFYING/article/details/77980618