zoukankan      html  css  js  c++  java
  • js 解析 json

    1.简单的json格式

    {
    "user":
    [
    {
    "name":"name1",
    "age":24,
    "sex":"男"
    },
    {
    "name":"name2",
    "age":24,
    "sex":"男"
    },
    {
    "name":"name3",
    "age":24,
    "sex":"男"
    }
    ]
    }
    

     2.完整的Ajax调用

    <script type="text/javascript">
    
            function GetMessageByUrl() {
                $.ajax({
                    type: "GET",
                    cache: "false",
                    //                url: "http://192.168.1.132:890/api/vehicle/tracking",
                    url: "TextJson.txt",
                    datatype: "json",
                    success: function (data) {
    
                        ///
                        ///通过eval()将json格式字符串转换成json对象。
                        ///
                        var dataEval = eval("(" + data + ")");
                        alert(dataEval.user[1].name);
                        alert("节点1");
    
                        ///
                        ///通过$.parseJSON()将json格式字符串转换成json对象。
                        ///
                        var dataObj = jQuery.parseJSON(data);
                        alert(dataObj.user[2].name);
                        alert("节点2");
    
                        ///
                        ///遍历json对象中的元素
                        ///
                        $.each(dataObj.user, function (idx, item) {
    
                            alert("name:" + item.name + ",value:" + item.age);
                        })
    
    
                    },
                    error: function (err_data) {
                        alert(err_data);
                    }
                })
            };
    
    
        </script>
    

     3.简单调用

                            var txt = '{"employees":[' +
                '{"firstName":"Bill","lastName":"Gates" },' +
                '{"firstName":"George","lastName":"Bush" },' +
                '{"firstName":"Thomas","lastName":"Carter" }]}';
    
    
                            var obj = eval("(" + txt + ")");
    
                            document.getElementById("fname").innerHTML = obj.employees[1].firstName
                            document.getElementById("lname").innerHTML = obj.employees[1].lastName
                            $.each(obj.employees, function (idx, item) {
                                if (idx == 0) {
                                    return true; //同countinue,返回false同break 
                                }
    
                                alert("name:" + item.firstName + ",value:" + item.lastName);
    
                            });
    
  • 相关阅读:
    SpringCloud组件
    Lambda遍历Map集合
    转换为base64格式
    控制器注解参数判空
    SpringBoot项目使用环境变量当做端口号
    使用控制台占位符输出日志, 使用占位符Plus
    Java 传无限参数
    将yyyy-MM-dd hh:mm:ss转换为时间戳
    HTML使用svg,定义.svg格式
    演示js异步,同步请求,响应解码
  • 原文地址:https://www.cnblogs.com/nidakun/p/3921740.html
Copyright © 2011-2022 走看看