json在專案中的應用大總結

webservice天氣預報是json的格式

一、摘要

剛開始接觸json的時候，那時候還不太清楚json到底是個什麼東西，然後就在專案中使用了它。因為沒有搞明白json的本質，所以剛開始使用json的時候走了不少彎路。這次總結一些json的知識，總結主要是想梳理一下自己使用json的一些應用場景，讓自己對json有乙個更深刻的認識，以後在專案中可以更加熟練的應用它。

二、總結：

1.json在前端中的應用：

a）ajax+json使用場景：

ajax處理登入驗證資訊解析json格式的string型別物件和ajax獲得服務端的響應資料的方式request.responsetext

用ajax來獲取伺服器端的資料，如果從伺服器傳到前端的資料都是json的字串形式，在前端要讀取資料，需要先將字串轉化成json格式的物件。

js中的eval（）函式就是將json格式的字串轉化為json格式的物件。

剛開始學習的時候首先學的是原生的ajax，還沒有學習jquery（jquery中的ajax更方便），在專案中就用上面的原生的ajax來和伺服器進行互動。當前端需要像後台非同步請求大量的資料時，必須要有乙個方法讓我們可以將這些資料方便的從後台傳到前端，比如後台要傳給前端的資料是乙個陣列型別的，後台通過相應的方法將這個陣列型別的資料轉化成json格式的字串，然後再傳給前端，前端為了將從後台獲取到的json格式的字串的內容乙個個顯示在對應的位置，就需要先將該json格式的字串轉化成json物件（eval函式，實際專案中應該避免使用eval），然後才能乙個個的將資料讀取出來（第二張圖中遍歷獲取到的後台資料）。

剛開始如果對json不熟悉，可能會遇到不知道如何讀取從後台傳到前端的json格式的字串的情況。這個時候就要搞清楚json的概念。（要在實際中應用json，要掌握json格式資料的寫法以及如何讀取json格式的資料）。

2.json基礎：

a）了解json概念：

b)了解json語法：

1.json值：

2.json物件寫法：3.json陣列寫法（可包含多個json物件）：

var employees = [,,
];讀取json陣列的方式：
employees[0].lastname;//獲取第一項json物件的lastname屬性的值
for（var i=0;ic)搞清楚json物件和json字串的區別(後面總結)
3.jquery中的ajax+json（專案中用的最多的）：
學了jquery之後，實際應用中經常用的當然是用jquery中的ajax來向伺服器傳送請求了
a)jquery的ajax基礎用法：
表單資料少時，可以採用直接像下面這樣獲取表單資料之後傳遞給伺服器
例項一：

b)複雜一點的用法

1）當表單資料多時，就需要拼接資料。

先將表單序列化（紅框部分，序列化後的表單返回的物件是乙個json陣列物件可以通過遍歷得到每個控制項的屬性名和其對應的屬性值，表單的每個控制項裡面都要寫有name 和value屬性值，不然不能像下面這樣讀取到），然後將所有的值拼接成我們實際需要的json格式的物件。

ajax部分：

補充：jquery中的序列化表單的方法：

2）當表單資料多時，對資料的處理方法二

和上面第一種方法一樣，當表單資料多時我們需要對每個屬性及其對應的屬性值進行拼接，這樣拼會很麻煩。

下面用tojson方法來將表單資料轉化為json物件也是不錯的選擇，這樣不用將屬性名寫在控制項中，直接在js中寫也方便檢查錯誤。

以上主要總結了如何獲取表單中的值，然後將獲取到的值傳給伺服器。當表單資料比較多時，又如何簡單的將表單的值轉化成json格式的資料，然後將其值傳給伺服器。在json的基礎知識中總結了一下，讀取json格式（物件）資料的方法

再來系統總結一下

，json字串與json物件的區別從而總結清楚如何讀取從伺服器傳到前端的資料：

(例項一：

json在專案中的應用大總結

JSON及其在專案中的使用

JSON在web專案中的使用

gradle在專案中的應用

json在專案中的應用大總結

JSON及其在專案中的使用

JSON在web專案中的使用

gradle在專案中的應用

相關推薦