js jquery前臺解析json字符串

一、js解析json字符串

eval()和JSON.parse()

對于服務器返回的JSON字符串，如果jquery異步請求沒做類型說明，或者以字符串方式接受，那么需要做一次對象化處理，就是將該字符串放于eval()中執行一次。這種方式也適合以普通javascipt方式獲取json對象，以下舉例說明：

var dataObj=eval("("+data+")");//轉換為json對象

為什么eval這里要添加 "("+data+")"呢？

原因在于：eval本身的問題。 由于json是以”{}”的方式來開始以及結束的，在JS中，它會被當成一個語句塊來處理，所以必須強制性的將它轉換成一種表達式。

加上圓括號的目的是迫使eval函數在處理JavaScript代碼的時候強制將括號內的表達式（expression）轉化為對象，而不是作為語句（statement）來執行。舉一個例子，例如對象字面量{}，如若不加外層的括號，那么eval會將大括號識別為JavaScript代碼塊的開始和結束標記，那么{}將會被認為是執行了一句空語句。所以下面兩個執行結果是不同的：

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

var data="{root:[{name:'1',value:'0'},{name:'6101',value:'北京市'},{name:'6102',value:'天津市'}]}";
alert (typeof data);
var obj = eval("("+data+")");
alert(obj.root[1].value);//北京市

var data1='{"root":[{"name":"1","value":"0"},{"name":"6101","value":"北京市"},{"name":"6102","value":"天津市"}]}';
var obj1 = JSON.parse(data1);
alert(obj1.root[2].value);//天津市



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

JSON.parse()  json字符串的格式要求非常嚴格，屬性名稱必須是用雙引號“”括起來，并且不能用單引號。

二、jquery解析json字符串

設置dataType為json就行,$.get()可以這樣寫$.get(url, [data], [callback], "json")

或者

$.parseJSON(字符串)也能返回對象

  <script src="js/jquery-2.1.1.min.js"></script>
  
  var obj2= $.parseJSON(data1);
    alert(obj2.root[1].name);

$.parseJSON和JSON.parse一樣json字符串的非常嚴格