js 解析 json

1.簡單的json格式javascript

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

 2.完整的Ajax調用java

<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.簡單調用ajax

                        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);

                        });
相關文章
相關標籤/搜索