ajax返回json處理

標籤：data   get   配置   運算式   asc   資料類型   roo   java   接受   

在JS中將JSON的字串解析成JSON資料格式，一般有兩種方式：
1.一種為使用eval()函數。
2. 使用Function對象來進行返回解析。

 

（一）以jquery非同步擷取的資料類型——json對象和字串為依據，介紹兩種方式擷取到的結果處理方式

1.對於伺服器返回的JSON字串，如果jquery非同步請求沒做類型說明，或者以字串方式接受，那麼需要做一次對象化處理，方式不是太麻煩，就是將該字串放於eval()中執行一次。

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

為什麼要 eval這裡要添加 ("("+data+")")呢？

原因在於：eval本身的問題。 由於json是以”{}”的方式來開始以及結束的，在JS中，它會被當成一個語句塊來處理，所以必須強制性的將它轉換成一種運算式。 加上圓括弧的目的是迫使eval函數在處理JavaScript代碼的時候強制將括弧內的運算式（expression）轉化為對象，而不是作為語句（statement）來執行。舉一個例子，例如對象字面量{}，如若不加外層的括弧，那麼eval會將大括弧識別為JavaScript代碼塊的開始和結束標記，那麼{}將會被認為是執行了一句空語句。所以下面兩個執行結果是不同的：

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

 

2.對於伺服器返回的JSON字串，如果jquery非同步請求將type（一般為這個配置屬性）設為“json”，或者利用$.getJSON()方法獲得伺服器返回，那麼就不需要eval（）方法了，因為這時候得到的結果已經是json對象了，只需直接調用該對象即可，這裡以$.getJSON方法為例說明資料處理方法：

$.getJSON("http://www.phpzixue.cn/",{param:"gaoyusi"},function(data){
　　//此處返回的data已經是json對象
　　//以下其他動作同第一種情況
　　$.each(data.root,function(idx,item){
　　　　if(idx==0){
　　　　　　return true;//同countinue，返回false同break
　　　　}
　　　　alert("name:"+item.name+",value:"+item.value);
　　});
});

 

（二）解析方式就是使用Function對象來完成，它的典型應用就是在JQUERY中的AJAX方法下的success等對於返回資料data的解析
var json=‘{"name":"CJ","age":18}‘;
data =(new Function("","return "+json))();

此時的data會解析成一個 json對象了.

ajax返回json處理