Json数据解析

一、说在前面

在web开发的过程中经常遇到后台需要格式化返回数据到界面上，界面进行显示，而数据传递的中间格式往往是json，本篇博客旨在总结一下json格式数据在包装和解析时的一些方法。

二、内容

（1）eval（）函数

var dataObj=eval("("+data+")");

加（）原因在于：eval本身的问题。 由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象自变量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的：

alert(eval("{}"); // return undefined

alert(eval("({})");// return object[Object]

（2）jquery自带的方法解析 jQuery.parseJSON(json)

 

$(function () { 
    var obj = jQuery.parseJSON('{"name":"John"}');
    alert( obj.name === "John" );
})

parseJSON() 函数用于将符合标准格式的的JSON字符串转为与之对应的JavaScript对象。

（3）利用$.getJSON()方法获得服务器返回

$(document).ready(function(){
    $("button").click(function(){
        $.getJSON("demo_ajax_json.js",function(result){
            $.each(result, function(i, field){
                $("div").append(field + " ");
            });
        });
    });
});

getJSON() 方法使用 AJAX 的 HTTP GET 请求获取 JSON 数据。其语法为：$(selector).getJSON(url,data,success(data,status,xhr))

（4）JSON.parse()源生方法

JSON.parse(text[, reviver])

JSON.parse()源生方法用于将一个 JSON 字符串转换为对象。