json數據在前端(javascript)和后端(php)轉換


學習目的:前后端數據交換
 
思路:
json數據格式是怎么樣?
后端各種語言怎么將自己內容轉換成json格式的內容?
前端怎么接收json數據?有幾種方式?
js中怎么將json數據轉換成js中的數組,對象來使用?
 
遇到問題
用ajax接收數據直接賦值給了變量,發現里面是一個數組。
在php中不知道怎么傳遞數據?(或者說ajax的xmlhttp.responseText是怎么獲取后端數據的?)
php中把對象和數組轉換成json數據格式的方法。
 
學習過程:
1.json知識普及
從結構上看,所有的數據最終都可以分成三種類型:  
第一種類型是scalar(標量),也就是一個單獨的string(字符串)或數字(numbers),比如“北京”這個單獨的詞。  
第二種類型是sequence(序列),也就是若干個相關的數據按照一定順序並列在一起,又叫做array(數組)或List(列表),比如“北京,東京”。  
第三種類型是mapping(映射),也就是一個名/值對(Name/value),即數據有一個名稱,還有一個與之相對應的值,這又稱作hash(散列)或dictionary(字典),比如“首都:北京”。  
JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式,它的規則非常簡單:  
1) 並列的數據之間用逗號(“,”)分隔。  
2) 映射用冒號(“:”)表示。  
3) 並列數據的集合(數組)用方括號("[]")表示。  
4) 映射的集合(對象)用大括號(“{}”)表示。  
按照這個規則可以作以下理解:  
1.數組用“[]”創建,對象用“{}”創建,並且使用Json基本都是用[]或者{}創建的數組或對象,否則一個普通的字符串是沒有意義的;  
2.無論是數組還是對象,之間的元素都用“,”隔開;  
3.對象內部,(屬性的)名稱和值用“:”隔開,並且必須要用“:”隔開,不可單獨存在屬性名或者值;  
4.對象和數組可以互相嵌套,即數組中的一個元素可以是一個對象也可以是一個數組,同理對象中的一個屬性的值可以是一個對象也可以是一個數組。  
 

2.Json在Ajax中的應用 
客戶端可以給服務器端通過地址欄或者post很容易的提交數據,但是服務器端處理完數據之后,將計算的結果信 息回傳給客戶端時就存在了一定的難度,特別是數據量較大時。這個時候數據的格式成了關鍵,按照某種格式可以很方便的進行數據的組裝,然后可以很方便的進行 解析。使用Json便是一種很好的策略。在服務器端,按照Json的格式拼裝好一個字符串,響應給客戶端。客戶端如何進行解析呢?一般有兩種策略(兩種策 略的名稱是自己給的名字,不一定很合理,但是思路應該是沒有問題的):

1.直接解析 
var json = eval('(' + result + ')'); 
通過上面這個表達式,就完成了將服務器端響應給客戶端的Json格式的字符串解析成了一個Json(格式的)對象,名稱為“json”,通過“json.”或者“json[]”的方式便可進行數據訪問。 
2.間接解析 
var json = "r=" + result; 
eval(json); 
當然上面行代碼可以合並為:eval("r=" + result); 
通過上面的計算,也可以將服務器端響應給客戶端的Json格式的字符串解析成了一個Json(格式的)對象,但是該對象名稱為“r”,通過“r.”或者“r[]”的方式可進行數據訪問。 
總結:Json是一種簡單的數據交換格式,它幾乎可以很好的代替xml讓服務器之間靈活的交換數據。

3.JavaScript中的數組和對象 
在JavaScript中,通常用[]創建的數據格式稱為數組,用{}創建的東西稱為對象。

有一個數組a=[1,2,3,4],還有一個對象a={0:1,1:2,2:3,3:4},運行alert(a[1]),兩種情況下的運行結果是相同的!這就是說,數據集合既可以用數組表示,也可以用對象表示,那么到底該用哪一種呢? 
其實數組表示有序數據的集合,而對象表示無序數據的集合。如果數據的順序很重要,就用數組,否則就用對象。 
當 然,數組和對象的另一個區別是,數組中的數據沒有“名稱”(name),對象中的數據有“名稱”(name)。但是問題是,很多編程語言中,都有一種叫做 “關聯數組”(associativearray)的東西。這種數組中的數據是有名稱的。比如在javascript中,可以這樣定義一個對象: 
var a={"城市":"北京","面積":16800,"人口":1600}; 
但是,也可以定義成一個關聯數組: 
var a = new Array(); 
a["城市"]="北京"; 
a["面積"]=16800; 
a["人口"]=1600; 
這 樣一來好像數組和集合就沒有區別了,其實不是,在Javascript語言中,關聯數組就是對象,對象就是關聯數組。通過第二種方式創建的數組和通過[] 方式創建的數組是有很大的區別的,在第二個方式創建的“數組”中,也可以和第一種方式類似,通過“a.城市”來得到“北京”,“a.人口”來得到 “1600”,但是它和第一種方式創建的對象又是有區別的,通過第一種方式定義的a是沒有length屬性的,二通過第二種方式定義的a有,可是值為0, 可見里面的差別還是有的,要想具體搞清楚,恐怕得看看底層的一些實現代碼了。 

4.PHP數組和Json之間的轉換

之所以要用到Json,很多時候是因為使用ajax對象時,程序與JS函數之間的數據交互。因為JS不認識PHP中的數組,PHP也不認識JS中的數組或對象。Json很好的解決了這個問題。

PHP中將數組轉變成Json 
強大的PHP已經提供了內置函數:json_encode() 和 json_decode()。很容易理解,json_encode()就是將PHP數組轉換成Json。相反,json_decode()就是將Json轉換成PHP數組。

$array = array("name" => "Eric","age" => 23);   echo json_encode($array);

程序將打印出 :  {“name”:”Eric”,”age”:23}

$array = array(0 => "Eric", 1 => 23);   echo json_encode($array);

程序將打印出 :["Eric",23]

以上兩個例子可以看出,如果PHP數組的鍵都是數字,那么json_encode()返回一個數組形式的Json,如果PHP數組的鍵全是字符串。那么json_encode()就會返回一個對象形式的Json。剛已經說過。兩者在js中的調用是不同的。

其它后端語言應該都會有對應的函數來處理json數據。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM