DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 對比分析json及XML
對比分析json及XML
編輯:關於JavaScript     

  隨著移動互聯網時代的大潮,越來越多的App不光是需要和網絡服務器進行數據傳輸和交互,也需要和其他 App 進行數據傳遞。承擔App與網絡來進行傳輸和存儲數據的一般是XML或者JSON。在移動互聯網時代,XML和JSON很重要。

  最近一段時間,個人綜合了之前對XML、JSON的一些了解,參考了相關資料,再結合視頻的代碼,把自己的一些思考融入了這篇總結文檔中,同時嘗試用通俗诙諧的語言風格來闡述,期望能給感興趣的讀者帶來幫助。

  為了不和時代落伍,我們必須要學習 XML 和 JSON,但同時它們也很容易學習,Let's start:–)

 一、XML

  XML即可擴展標記語言(eXtensible Markup Language)。標記是指計算機所能理解的信息符號,通過此種標記,計算機之間可以處理包含各種信息的文章等。如何定義這些標記,既可以選擇國際通用的標記語言,比如HTML,也可以使用象XML這樣由相關人士自由決定的標記語言,這就是語言的可擴展性。XML是從SGML中簡化修改出來的。它主要用到的有XML、XSL和XPath等。

  上面這段是對XML的一個基本定義,一個被廣泛接受的說明。簡單說,XML就是一種數據的描述語言,雖然它是語言,但是通常情況下,它並不具備常見語言的基本功能——被計算機識別並運行。只有依靠另一種語言,來解釋它,使它達到你想要的效果或被計算機所接受。

  記住以下幾點就行了:

XML是一種標記語言,很類似HTML
XML的設計宗旨是傳輸數據,而非顯示數據
XML標簽沒有被預定義。您需要自行定義標簽。
XML被設計為具有自我描述性。
XML是W3C的推薦標准
  總結:

  XML是獨立於軟件和硬件的信息傳輸工具。 目前,XML在Web中起到的作用不會亞於一直作為 Web 基石的 HTML。 XML無所不在。XML是各種應用程序之間進行數據傳輸的最常用的工具,並且在信息存儲和描述領域變得越來越流行。

 1.1 XML屬性

  1.1.1 XML與HTML的主要差異

XML不是HTML的替代。
XML和HTML為不同的目的而設計。
XML被設計為傳輸和存儲數據,其焦點是數據的內容。
HTML被設計用來顯示數據,其焦點是數據的外觀。
HTML旨在顯示信息,而 XML 旨在傳輸信息
  1.1.2 XML是不作為的。

  也許這有點難以理解,但是XML不會做任何事情。XML被設計用來結構化、存儲以及傳輸信息。

  下面是John寫給George的便簽,存儲為XML:

代碼如下:
<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>

  上面的這條便簽具有自我描述性。它擁有標題以及留言,同時包含了發送者和接受者的信息。但是,這個 XML 文檔仍然沒有做任何事情。它僅僅是包裝在XML標簽中的純粹的信息。我們需要編寫軟件或者程序,才能傳送、接收和顯示出這個文檔。

  1.1.3 XML僅僅是純文本

  XML沒什麼特別的。它僅僅是純文本而已。有能力處理純文本的軟件都可以處理XML。 不過,能夠讀懂 XML 的應用程序可以有針對性地處理 XML 的標簽。標簽的功能性意義依賴於應用程序的特性。

  1.1.4 XML允許自定義標簽

  上例中的標簽沒有在任何XML標准中定義過(比如和)。這些標簽是由文檔的創作者發明的。這是因為XML沒有預定義的標簽。

  在HTML中使用的標簽(以及HTML的結構)是預定義的。HTML文檔只使用在HTML標准中定義過的標簽(比如<p>,<h1> 等等)。

  XML允許創作者定義自己的標簽和自己的文檔結構。

  1.1.5 XML不是對HTML的替代

  XML是對HTML的補充。

  XML不會替代HTML,理解這一點很重要。在大多數 web 應用程序中,XML用於傳輸數據,而HTML用於格式化並顯示數據。

 1.2 XML的語法

  XML的語法規則很簡單,且很有邏輯。這些規則很容易學習,也很容易使用。

  1.2.1 所有元素都必須有關閉標簽

  在XML中,省略關閉標簽是非法的。所有元素都必須有關閉標簽。 在HTML,經常會看到沒有關閉標簽的元素:

代碼如下:
<p>This is a paragraph
<p>This is another paragraph

  在XML中,省略關閉標簽是非法的。所有元素都必須有關閉標簽:

代碼如下:
<p>This is a paragraph</p>
<p>This is another paragraph</p>

  注釋:您也許已經注意到XML聲明沒有關閉標簽。這不是錯誤。聲明不屬於XML本身的組成部分。它不是XML元素,也不需要關閉標簽。

  1.2.2 XML標簽對大小寫敏感

  XML元素使用XML標簽進行定義。

  XML標簽對大小寫敏感。在XML中,標簽與標簽是不同的。

  必須使用相同的大小寫來編寫打開標簽和關閉標簽:

代碼如下:
<Message>這是錯誤的。</message>
<message>這是正確的。</message>

  1.2.3 XML標簽對大小寫敏感

  在 HTML 中,常會看到沒有正確嵌套的元素:

代碼如下:
<b><i>This text is bold and italic</b></i>

  在 XML中,所有元素都必須彼此正確地嵌套:

代碼如下:
<b><i>This text is bold and italic</i></b>

  在上例中,正確嵌套的意思是:由於<i>元素是在<b>元素內打開的,那麼它必須在<b>元素內關閉。

  1.2.4 XML文檔必須有根元素

  XML文檔必須有一個元素是所有其他元素的父元素。該元素稱為根元素。

代碼如下:
<root>
  <child>
    <subchild>.....</subchild>
  </child>
</root>

  1.2.5 XML的屬性值須加引號

  與 HTML 類似,XML 也可擁有屬性(名稱/值的對)。 在 XML 中,XML 的屬性值須加引號。請研究下面的兩個 XML 文檔。第一個是錯誤的,第二個是正確的:

代碼如下:
<note date=08/08/2008>
<to>George</to>
<from>John</from>
</note>
<note date="08/08/2008">
<to>George</to>
<from>John</from>
</note>

  1.2.6 實體引用

  在 XML 中,一些字符擁有特殊的意義。 如果你把字符 “<” 放在 XML 元素中,會發生錯誤,這是因為解析器會把它當作新元素的開始。 這樣會產生 XML 錯誤:

代碼如下:
<message>if salary < 1000 then</message>

  為了避免這個錯誤,請用實體引用來代替 “<” 字符:

代碼如下:
<message>if salary < 1000 then</message>

  在 XML 中,有 5 個預定義的實體引用:

代碼如下:
<    <   小於
>    >   大於
&   &   和號
'  '   單引號
"  "   引號

  注釋:在 XML 中,只有字符 “<” 和 “&” 確實是非法的。大於號是合法的,但是用實體引用來代替它是一個好習慣。

  1.2.7 XML中的注釋

  在 XML 中編寫注釋的語法與 HTML 的語法很相似:

代碼如下:
<!-- This is a comment -->

  在 XML 中,空格會被保留 HTML 會把多個連續的空格字符裁減(合並)為一個:

代碼如下:
HTML:   Hello           my name is David.

  輸出: Hello my name is David. 在 XML 中,文檔中的空格不會被刪節。

  1.2.8 以 LF 存儲換行

  在 Windows 應用程序中,換行通常以一對字符來存儲:回車符 (CR) 和換行符 (LF)。這對字符與打字機設置新行的動作有相似之處。在 Unix 應用程序中,新行以 LF 字符存儲。而 Macintosh 應用程序使用CR來存儲新行。

 1.3 XML CDATA

  所有XML文檔中的文本均會被解析器解析。

  只有CDATA區段(CDATA section)中的文本會被解析器忽略。

  1.3.1 PCDATA

  PCDATA指的是被解析的字符數據(Parsed Character Data)。

  XML解析器通常會解析XML文檔中所有的文本。 當某個XML元素被解析時,其標簽之間的文本也會被解析:

代碼如下:
<message>此文本也會被解析</message>

  解析器之所以這麼做是因為 XML 元素可包含其他元素,就像這個例子中,其中的元素包含著另外的兩個元素(first和last):

代碼如下:
<name><first>Bill</first><last>Gates</last></name>

  而解析器會把它分解為像這樣的子元素:

代碼如下:
<name>
   <first>Bill</first>
   <last>Gates</last>
</name>

  1.3.2 轉義字符

  非法的XML字符必須被替換為實體引用(entity reference)。

  假如您在XML文檔中放置了一個類似 “<” 字符,那麼這個文檔會產生一個錯誤,這是因為解析器會把它解釋為新元素的開始。因此你不能這樣寫:

代碼如下:
<message>if salary < 1000 then</message>

  為了避免此類錯誤,需要把字符 “<” 替換為實體引用,就像這樣:

代碼如下:
<message>if salary < 1000 then</message>

  在 XML 中有 5 個預定義的實體引用:

代碼如下:
<    <   小於
>    >   大於
&   &   和號
'  '   省略號
"  "   引號

  注釋:嚴格地講,在XML中僅有字符”<“和”&“是非法的。省略號、引號和大於號是合法的,但是把它們替換為實體引用是個好的習慣。

  1.3.3 CDATA

  術語CDATA指的是不應由XML解析器進行解析的文本數據(Unparsed Character Data)。

  在 XML 元素中,”<“ 和 ”&“ 是非法的。

  “<” 會產生錯誤,因為解析器會把該字符解釋為新元素的開始。 “&” 也會產生錯誤,因為解析器會把該字符解釋為字符實體的開始。

  某些文本,比如 JavaScript 代碼,包含大量 “<” 或 “&” 字符。為了避免錯誤,可以將腳本代碼定義為 CDATA。 CDATA 部分中的所有內容都會被解析器忽略。 CDATA 部分由 “<![CDATA[” 開始,由 “]]>” 結束:

代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<response>
  <header>
    <respcode>0</respcode> 
    <total>1736</total>
  </header> 
  <result>
    <album>
      <album_id>320305900</album_id> 
      <title> <![CDATA[ 電影侃侃之初戀永不早 ]]> </title> 
      <tag> <![CDATA[ 18歲以上 當代 暧昧 華語 ]]> </tag> 
      <img>http://pic9.qiyipic.com/image/20141016/ec/e0/v_108639906_m_601_120_160.jpg</img> 
      <img180236>http://pic9.qiyipic.com/image/20141016/ec/e0/v_108639906_m_601_180_236.jpg</img180236> 
      <img11577>http://pic9.qiyipic.com/image/20141016/ec/e0/v_108639906_m_601_115_77.jpg</img11577> 
      <img220124>http://pic9.qiyipic.com/image/20141016/ec/e0/v_108639906_m_601_284_160.jpg</img220124> 
      <category_id>1</category_id> 
      <score>0.0</score> 
      <voters>0</voters> 
      <tv_sets>0</tv_sets> 
      <duration>00:38:57</duration> 
      <year> <![CDATA[ 2014 ]]> </year> 
      <tv_focus>跟愛情片學把妹心經</tv_focus> 
      <episode_count>1</episode_count> 
      <directors> <![CDATA[ 關雅荻 ]]> </directors> 
      <mainactors> <![CDATA[ 關雅荻 ]]> </mainactors> 
      <actors> <![CDATA[ ]]> </actors> 
      <vv2> <![CDATA[ 15 ]]> </vv2> 
      <timeText> <![CDATA[ 今天 ]]> </timeText> 
      <first_issue_time> <![CDATA[ 2014-10-16 ]]> </first_issue_time> 
      <up>0</up> 
      <down>0</down> 
      <download>1</download> 
      <purchase_type>0</purchase_type> 
      <hot_or_new>0</hot_or_new> 
      <createtime>2014-10-16 12:25:08</createtime> 
      <purchase>0</purchase> 
      <desc> <![CDATA[
本期節目主持人介紹新近上映的口碑愛情片,。主持人輕松幽默的羅列出胡鳄魚導演拍攝的愛情片越來越接地氣,博得觀眾的認同和追捧,更提出“初戀永遠不嫌早”的口號。觀眾可以跟著愛情片學習把妹心經。
]]> </desc> 
      <ip_limit>1</ip_limit> 
      <episodes/>
    </album>
  </result>
</response>

  這是展示一部電影的具體數據,包括標題、介紹、內容、導演、演員、時長、上映年份等很多內容。

 1.5 XML樹結構

  XML文檔形成了一種樹結構,它從“根部”開始,然後擴展到“枝葉”。

  1.5.1 一個XML文檔實例

  XML使用簡單的具有自我描述性的語法:

代碼如下:
<?xml version="1.0" encoding="ISO-8859-1"?>
<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>

  第一行是XML聲明。它定義XML的版本(1.0)和所使用的編碼(ISO-8859-1=Latin-1/西歐字符集)。

  下一行描述文檔的根元素(像在說:“本文檔是一個便簽”):

代碼如下:
<note>

  接下來 4 行描述根的 4 個子元素(to, from, heading 以及 body):

代碼如下:
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>

  最後一行定義根元素的結尾:

代碼如下:
</note>

  從本例可以設想,該XML文檔包含了John給George的一張便簽。

XML具有出色的自我描述性,你同意嗎?
XML文檔形成一種樹結構
XML文檔必須包含根元素。該元素是所有其他元素的父元素。
XML文檔中的元素形成了一棵文檔樹。這棵樹從根部開始,並擴展到樹的最底端。
  所有元素均可擁有子元素:

代碼如下:
<root>
  <child>
    <subchild>.....</subchild>
  </child>
</root>

  父、子以及同胞等術語用於描述元素之間的關系。父元素擁有子元素。相同層級上的子元素成為同胞(兄弟或姐妹)。

  所有元素均可擁有文本內容和屬性(類似HTML中)。

 1.6 XML DOM

  想到這裡,大家都有點迫不及待了,XML 文件到底如何解析呢?

  但是,別急,讓子彈先飛會兒:–)

  在XML解析之前,我們必須系統性的學習一下 XML DOM 知識:

  1.6.1 定義

  XML DOM(XML Document Object Model) 定義了訪問和操作XML文檔的標准方法。

  DOM把XML文檔作為樹結構來查看。能夠通過DOM樹來訪問所有元素。可以修改或刪除它們的內容,並創建新的元素。元素,它們的文本,以及它們的屬性,都被認為是節點。

  XML DOM是:

用於XML的標准對象模型
用於XML的標准編程接口
中立於平台和語言
W3C的標准
  XML DOM定義了所有XML元素的對象和屬性,以及訪問它們的方法(接口)。

  換句話說:

XML DOM是用於獲取、更改、添加或刪除XML元素的標准
  DOM將XML文檔作為一個樹形結構,而樹葉被定義為節點。

  1.6.2 總結

  XML DOM其實比較復雜,在這麼短的篇幅裡也無法一一進行講解。想詳細了解XML DOM可以好好去學習下

 1.7 XML如何解析?

  上面講了這麼多關於XML的東西,那麼XML文件應該如何解析呢?

  終於到了我們的重頭戲了

  下面以視頻項目為例,展示如何解析XML文件:

  1.7.1 Step 1

  XML文件是一棵樹,首先需要找到對應的節點,然後從節點開始解析,比如搜索找到的就是result/weights/weight 和result/weights/weight 2個節點,分別從這個開始解析:

代碼如下:
public ResultInfo onParser(Element rootElement) {
    int resp = -1;
    try {
        String elName = "header/respcode";
        resp = Integer.parseInt(selectNodeString(rootElement, elName));
    } catch (NumberFormatException e) {
        e.printStackTrace();
    }
    Log.d(TAG, "resp= " + resp);
    if (resp != 0) {
        return null;
    }
    ResultInfo searchResultInfo = new ResultInfo();
    // Parse Search Weight
    @SuppressWarnings("rawtypes")
    final List weights = rootElement.selectNodes(rootElement.getPath() + "/"
            + "result/weights/weight");
    ResultInfo[] resultFilterInfos = parseVideos(weights);
    if (resultFilterInfos != null) {
        ResultInfo weight = new ResultInfo();
        weight.putResultInfoArray(ResultInfo.KEY_VIDEOS, resultFilterInfos);
        searchResultInfo.putResultInfo(ResultInfo.KEY_WEIGHT, weight);
    }
    // Parse Albums
    @SuppressWarnings("rawtypes")
    final List albums = rootElement.selectNodes(rootElement.getPath() + "/"
            + "result/albums/album");
    ResultInfo[] resultInfos = parseVideos(albums);
    if (resultInfos != null) {
        ResultInfo album = new ResultInfo();
        album.putResultInfoArray(ResultInfo.KEY_VIDEOS, resultInfos);
        searchResultInfo.putResultInfo(ResultInfo.KEY_SEARCH, album);
    }
    return searchResultInfo;
}

  1.7.2 Step 2

  找到了對應的Node,即從對應的Node開始遞歸的查找,直到找到最小的節點,也就是最基本的單元Element。再對每一個Element進行解析:

代碼如下:
private ResultInfo[] parseVideos(final List nodes) {
    if (nodes != null && nodes.size() > 0) {
        final int size = nodes.size();
        final ResultInfo[] vis = new ResultInfo[size];
        int i = 0;
        for (Object o : nodes) {
            if (o instanceof Element) {
                final Element videoElement = (Element) o;
                ResultInfo vi = parseVideo(videoElement);
                vis[i] = vi;
            }
            i++;
        }
        return vis;
    }
    return null;
}

  1.7.3 Step 3

  針對獲取到的Element,解析出對應的String將數據傳遞給VideoInfo這個類:

代碼如下:
private ResultInfo parseVideo(final Element videoElement) {
    final String id = videoElement.elementText("album_id");
    final String title = videoElement.elementText("title");
    final String categoryId = videoElement.elementText("category_id");
    final String categoryName = videoElement.elementText("category_name");
    final String count = videoElement.elementText("count");
    final String imgUrl = videoElement.elementText("img180236");
    final String duration = videoElement.elementText("duration");
    final String mainactors = videoElement.elementText("mainactors");
    final String sitename = videoElement.elementText("site_name");
    final String videourl = videoElement.elementText("vedio_url");
    final String sort = videoElement.elementText("sort");
    final String tv_id = videoElement.elementText("tv_id");
    ResultInfo vi = new ResultInfo();
    vi.putString(VideoInfo.ID, id);
    vi.putString(VideoInfo.TITLE, title);
    vi.putString(VideoInfo.CATEGORY_ID, categoryId);
    vi.putString(VideoInfo.CATEGORY_NAME, categoryName);
    vi.putString(VideoInfo.COUNT, count);
    vi.putString(VideoInfo.IMG_URL, imgUrl);
    vi.putString(VideoInfo.DURATION, duration);
    vi.putString(VideoInfo.MAINACTORS, mainactors);
    vi.putString(VideoInfo.SITENAME, sitename);
    vi.putString(VideoInfo.VIDEOURL, videourl);
    vi.putString(VideoInfo.SORT, sort);
    vi.putString(VideoInfo.TV_ID, tv_id);
    return vi;
}

  1.7.4 Step 4

  當使用XML解析器將XML數據解析出來之後。需要將這些數據提取出來,也是通過連續2層提取,將數據定位到每個video, 將每個video裡的數據傳遞給SearchVideoInfo這個ArrayList,然後將ArrayList中的數據和對應的Adapter數據關聯起來:

代碼如下:
public static ArrayList<SearchVideoInfo> getSearchVideoInfo(ResultInfo searchResultInfo) {
    ResultInfo resultInfo = null;
    ResultInfo[] videos = null;
    ArrayList<SearchVideoInfo> searchVideoInfos = null;
    if (searchResultInfo != null) {
        resultInfo = searchResultInfo.getResultInfo(ResultInfo.KEY_SEARCH);
    }
    if (resultInfo != null) {
        videos = resultInfo.getResultInfoArray(ResultInfo.KEY_VIDEOS);
    }
    if (videos != null && videos.length > 0) {
        searchVideoInfos = new ArrayList<SearchVideoInfo>(videos.length);
        for (ResultInfo video : videos) {
            SearchVideoInfo searchInfo = new SearchVideoInfo();
            searchInfo.setAlbum_id(video.getString(VideoInfo.ID));
            searchInfo.setTitle(video.getString(VideoInfo.TITLE));
            searchInfo.setChannel_id(video.getString(VideoInfo.CATEGORY_ID));
            searchInfo.setImgUrl(video.getString(VideoInfo.IMG_URL));
            searchInfo.setDuration(video.getString(VideoInfo.DURATION));
            searchInfo.setMainActors(video.getString(VideoInfo.MAINACTORS));
            searchInfo.setSiteName(video.getString(VideoInfo.SITENAME));
            searchInfo.setVideo_url(video.getString(VideoInfo.VIDEOURL));
            searchInfo.setOrder(video.getString(VideoInfo.SORT));
            searchInfo.setTv_id(video.getString(VideoInfo.TV_ID));
            // searchInfo.setContinueType(video.getString(VideoInfo.CONTINUETYPE));
            searchVideoInfos.add(searchInfo);
        }
    }
    if (searchVideoInfos == null) {
        MyLog.e(TAG, "error, getSearchVideoInfo, can not get info");
    }
    return searchVideoInfos;
}

  以上就是搜索數據的XML的解析和數據展示過程。

 二、JSON

  XML很好很強大,但是最近有另外一個時代弄潮兒,這就是JSON。現在JSON的光環已經逐漸超越了XML,各大網站提供的數據接口一般都是JSON。下面我們就來學習下JSON。

 2.1 JSON是什麼?

  JSON:JavaScript對象表示法(JavaScript Object Notation), 是一種輕量級的數據交換格式, 易於人閱讀和編寫, 同時也易於機器解析和生成。

  JSON是存儲和交換文本信息的語法,類似XML。

  JSON采用完全獨立於語言的文本格式,但是也使用了類似於C語言家族的習慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 這些特性使JSON成為理想的數據交換語言

 2.2 JSON格式

  JSON構建於兩種結構:

“名稱/值”對的集合(A collection of name/value pairs)。不同的語言中,它被理解為對象(object),紀錄(record),結構(struct),字典(dictionary),哈希表(hash table),有鍵列表(keyed list),或者關聯數組(associative array)。
值的有序列表(An ordered list of values)。在大多數語言中,它被理解為數組(array)、矢量(vector), 列表(list)或者是序列(sequence)。
  JSON具有以下這些形式:

  對象是一個無序的“'名稱/值'對”集合。一個對象以“{”(左括號)開始,“}”(右括號)結束。每個“名稱”後跟一個“:”(冒號);“‘名稱/值' 對”之間使用“,”(逗號)分隔。

JSON Object

  數組是值(value)的有序集合。一個數組以“[”(左中括號)開始,“]”(右中括號)結束。值之間使用“,”(逗號)分隔。

JSON Array

  值(value)可以是雙引號括起來的字符串(string)、數值(number)、true、false、 null、對象(object)或者數組(array)。這些結構可以嵌套。

JSON Value

  字符串(string)是由0到多個Unicode字符組成的序列,封裝在雙引號(”“)中, 可以使用反斜槓(‘\')來進行轉義。一個字符可以表示為一個單一字符的字符串。

JSON String

  數字(number)類似C或者Java裡面的數,沒有用到的8進制和16進制數除外。

JSON Number

 2.3 舉個栗子

  上面關於JSON講了這麼多,大家都表示一頭霧水了吧?

  沒關系,我們來舉個栗子,讓大家有個直觀的感受:–)

  以目前視頻使用的iQiyi提供的頻道接口為例:

  iQiyi提供的電影頻道的JSON電影數據如下:

代碼如下:
"code": 1,
    "data": 0,
    "albumIdList": [
            {
                    "totalidnum": 2000,
                    "idlist": [
                            "319281600"
                    ]
            }
    ],
    "albumArray": {
            "319281600": {
                    "_as": "",
                    "_blk": 0,
                    "_cid": 1,
                    "_ct": "2014-10-10 17:55:06",
                    "_da": "",
                    "_dl": 0,
                    "_dn": "7296",
                    "_id": 319281600,
                    "_img": "http://pic2.qiyipic.com/image/20141016/19/ca/v_108628048_m_601_m1_120_160.jpg",
                    "_ip": 1,
                    "_ma": "",
                    "_pc": 2,
                    "_pid": 0,
                    "_reseftv": 959,
                    "_t": "末代獨裁",
                    "_tvct": 1,
                    "_tvs": 1,
                    "_vt": 0,
                    "a_av": 1,
                    "a_pro": "",
                    "bpt": "0",
                    "clm": "",
                    "cn_year": "0",
                    "co_album_id": "0",
                    "ctype": 0,
                    "desc": "",
                    "down": 0,
                    "down2": "0",
                    "drm": 0,
                    "fst_time": "2014-10-16",
                    "h1_img": "http://pic2.qiyipic.com/image/20141016/19/ca/v_108628048_m_601_m1_180_236.jpg",
                    "h2_img": "http://pic2.qiyipic.com/image/20141016/19/ca/v_108628048_m_601_m1_195_260.jpg",
                    "is_h": 0,
                    "is_n": 0,
                    "is_zb": 0,
                    "k_word": "",
                    "language": 0,
                    "live_center": 0,
                    "live_start_time": 0,
                    "live_stop_time": 0,
                    "logo": 1,
                    "m_av": 1,
                    "p_av": 1,
                    "p_s": 0,
                    "p_s_1": 0,
                    "p_s_4": 0,
                    "p_s_8": 0,
                    "qiyi_pro": 0,
                    "qiyi_year": "0",
                    "qt_id": "1005722",
                    "s_TT": "",
                    "songname": "",
                    "t_pc": 1,
                    "tag": "當代 美國 鄉村 大片",
                    "tv_eftv": 1,
                    "tv_pha": "",
                    "tv_pro": "",
                    "tv_ss": "",
                    "tvfcs": "雄心壯志背後的真相",
                    "up": 0,
                    "up2": "0",
                    "upcl": "",
                    "v2_img": "http://pic2.qiyipic.com/image/20141016/19/ca/v_108628048_m_601_m1_284_160.jpg",
                    "v3_img": "http://pic2.qiyipic.com/image/20141016/19/ca/v_108628048_m_601_m1_480_270.jpg",
                    "vv": "1",
                    "year": "2007",
                    "tv_id": "0",
                    "vv_p": 0,
                    "vv_f": 2,
                    "vv_m": 0,
                    "_sc": 8
            }
    },
    "changeAlbum": null,
    "category": null,
    "before": "2~4~1~7~3",
    "latest_push_id": "655",
    "up_tm": "1413441370874",
    "recommend_attach": "",
    "preset_keys": null,
    "category_group": null,
    "exp_ts": 120,
    "stfile_path": "/data/view/online5/0/1/2.1.8.5.1.txt"
}

  從上面的例子可以很清晰的看出JSON是如何展示一個電影的數據的,當然這是JSON格式化之後的數據。JSON的元數據是不便於閱讀的。

 2.4 如何解析JSON?

  Android JSON所有相關類,都在org.json包下。

  包括JSONObject、JSONArray、JSONStringer、JSONTokener、JSONWriter、JSONException。

  <1>. 常見方法

  目前JSON解析有2種方法,分別是get和opt方法,可以使用JSON

  那麼使用get方法與使用opt方法的區別是?

  JsonObject方法,opt與get建議使用opt方法,因為get方法如果其內容為空會直接拋出異常。不過JsonArray.opt(index)會有越界問題需要特別注意。

  opt、optBoolean、optDouble、optInt、optLong、optString、optJSONArray、optJSONObject get、getBoolean、getDouble、getInt、getLong、getString、getJSONArray、getJSONObject

  <2>. Android中如何創建JSON?

  在Android中應該如何創建JSON呢?

  下面展示了一個如何創建JSON的例子:

代碼如下:
private String createJson() throws JSONException {
    JSONObject jsonObject = new JSONObject();
    jsonObject.put("intKey", 123);
    jsonObject.put("doubleKey", 10.1);
    jsonObject.put("longKey", 666666666);
    jsonObject.put("stringKey", "lalala");
    jsonObject.put("booleanKey", true);
    JSONArray jsonArray = new JSONArray();
    jsonArray.put(0, 111);
    jsonArray.put("second");
    jsonObject.put("arrayKey", jsonArray);
    JSONObject innerJsonObject = new JSONObject();
    innerJsonObject.put("innerStr", "inner");
    jsonObject.put("innerObjectKey", innerJsonObject);
    Log.e("Json", jsonObject.toString());
    return jsonObject.toString();
}

  其輸出結果如下所示:

代碼如下:
{"intKey":123, "doubleKey":10.1, "longKey":666666666, "stringKey":"lalala", "booleanKey":true, "arrayKey":[111,"second"], "innerObjectKey":{"innerStr":"inner"}}

  <3>. 如何解析JSON?

  下面以視頻中解析iQiyi的每個視頻album數據為例來說明如何解析JSON:

  第一步,需要從網絡服務器上發起請求,獲取到JSON數據:

代碼如下:
JsonObjectRequest jsonObjRequest = new JsonObjectRequest(Request.Method.GET, url, null,
        new Response.Listener<JSONObject>() {
            @Override
            public void onResponse(JSONObject response) {
                try {
                    MyLog.d(TAG, "response=" + response);
                    parseiQiyiInterfaceResponse(response);
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        }, new Response.ErrorListener() {
            @Override
            public void onErrorResponse(VolleyError error) {
                /*
                 * if (error instanceof NetworkError) { } else if (error
                 * instanceof ClientError) { } else if (error instanceof
                 * ServerError) { } else if (error instanceof
                 * AuthFailureError) { } else if (error instanceof
                 * ParseError) { } else if (error instanceof
                 * NoConnectionError) { } else if (error instanceof
                 * TimeoutError) { }
                 */
                MyLog.e(TAG, "onErrorResponse, error=" + error);
            }
        }) {
    @Override
    public Map<String, String> getHeaders() throws AuthFailureError {
        HashMap<String, String> headers = new HashMap<String, String>();
        headers.put("t", iQiyiInterface.getEncryptTimestamp());
        headers.put("sign", iQiyiInterface.getSign());
        return headers;
    }
};

  第二步,獲取到對應的對應的JSONObject數據:

代碼如下:
public void getJsonObjectString(String url) {
    mQueue = VideoApplication.getInstance().getRequestQueue();
    JsonObjectRequest jsObjRequest = new JsonObjectRequest(Request.Method.GET, url, null,
    new Response.Listener<JSONObject>() {
        @Override
        public void onResponse(JSONObject response) {
            MyLog.e(TAG, "response = " + response.toString());
            JSONArray jsonArray = null;
            JSONObject jsonObject = null;
            try {
                jsonObject = response.getJSONObject("response");
                jsonArray = jsonObject.getJSONObject("result").getJSONArray("album");
            } catch (JSONException e) {
                e.printStackTrace();
            }
            if (jsonArray == null) {
                return;
            }
            mChannelList = VideoUtils.parseVideoJsonArray(jsonArray);
            if (isLoading) {
                isLoading = false;
                if (mIsGrid) {
                    mChannelGridAdapter.appendChannelVideoInfo(mChannelList);
                } else {
                    mChannelListAdapter.appendChannelVideoInfo(mChannelList);
                }
            } else {
                if (mIsGrid) {
                    mChannelGridAdapter.setChannelVideoInfo(mChannelList);
                    showOppoGrid();
                } else {
                    mChannelListAdapter.setChannelVideoInfo(mChannelList);
                    showOppoList();
                }
            }
        }
    }, new Response.ErrorListener() {
        @Override
        public void onErrorResponse(VolleyError error) {
            MyLog.e(TAG, "error = " + error);
        }
    });
    jsObjRequest.setTag(TAG);
    jsObjRequest.setShouldCache(true);
    mQueue.add(jsObjRequest);
    mQueue.start();
}

  獲取到JSON Object之後,就對這個JSONObject進行解析:

代碼如下:
private ArrayList<VideoConstant> parseVideoAlbumJsonObject(JSONObject albumJSONObject,  ArrayList<Integer> albumIdJSONArrayList) {
    MyLog.d(TAG, "parseVideoAlbumJsonObject, length=" + albumJSONObject.length());
    if (albumJSONObject.length() < 1) {
        return null;
    }
    ArrayList<VideoConstant> videos = new ArrayList<VideoConstant>();
    try {
        for (int index = 0; index < albumJSONObject.length(); index++) {
            VideoConstant video = new VideoConstant();
            JSONObject itemJsonObject;
            itemJsonObject = albumJSONObject.getJSONObject(albumIdJSONArrayList.get(index)
                    .toString());
            MyLog.d(TAG, "string=" + albumIdJSONArrayList.get(index).toString());
            video.mAlbumId = itemJsonObject.optString(InterfaceParameterName.ID);
            video.mAtitle = itemJsonObject.optString(InterfaceParameterName.TITLE);
            video.mEpisodeCount = itemJsonObject.optString(InterfaceParameterName.UPDATE_SET);
            video.mTvSets = itemJsonObject.optString(InterfaceParameterName.TV_SETS);
            video.mDesc = itemJsonObject.optString(InterfaceParameterName.DESCRIPTION);
            video.mCid = itemJsonObject.optString(InterfaceParameterName.CATEGORY_ID);
            video.mImg = itemJsonObject.optString(InterfaceParameterName.IMG);
            video.mHighimg = itemJsonObject
                    .optString(InterfaceParameterName.HIGH_RESO_PORT_IMG);
            video.mHoriImg = itemJsonObject
                    .optString(InterfaceParameterName.HIGH_RESO_HORI_IMG);
            video.mScore = itemJsonObject.optString(InterfaceParameterName.SCORE);
            video.mMainActors = itemJsonObject.optString(InterfaceParameterName.MAIN_ACTOR);
            video.mCreateTime = itemJsonObject.optString(InterfaceParameterName.CREATE_TIME);
            video.mDuration = itemJsonObject.optString(InterfaceParameterName.DURATION);
            video.mTag = itemJsonObject.optString(InterfaceParameterName.TAG);
            MyLog.d(TAG, "id=" + video.mAlbumId + ",title=" + video.mAlbumTitle + ",img="
                    + video.mHighimg + ",tvsets=" + video.mTvSets);
            videos.add(video);
        }
    } catch (JSONException e) {
        e.printStackTrace();
    }
    return videos;
}

  <4>. Android JSON解析庫

  上面介紹都是使用Android提供的原生類解析JSON,最大的好處是項目不需要引入第三方庫,但是如果比較注重開發效率而且不在意應用大小增加幾百K的話,有以下JSON可供選擇:

Jackson
google-gson
Json-lib

  大家可以去對應的官網下載並學習:)

 三、 JSON vs. XML

  JSON和XML就像武林界的屠龍刀和倚天劍,那麼他們孰強孰弱?

  XML長期執數據傳輸界之牛耳,而JSON作為後起之秀,已經盟主發起了挑戰。

  那就讓他們來進行PK一下:

  <1>. JSON相比XML的不同之處

沒有結束標簽
更短
讀寫的速度更快
能夠使用內建的 JavaScript eval() 方法進行解析
使用數組
不使用保留字
  總之: JSON 比 XML 更小、更快,更易解析。

  <2>. XML和JSON的區別:

  XML的主要組成成分:

XML是element、attribute和element content。

  JSON的主要組成成分:

JSON是object、array、string、number、boolean(true/false)和null。
  XML要表示一個object(指name-value pair的集合),最初可能會使用element作為object,每個key-value pair 用 attribute 表示:

代碼如下:
<student name="John" age="10"/>

  但如個某個 value 也是 object,那麼就不可以當作attribute:

代碼如下:
<student name="John" age="10">
    <address>
        <country>China</country>
        <province>Guang Dong</province>
        <city>...</city>
        <district>...</district>
        ...
    </address>
</student>

  那麼,什麼時候用element,什麼時候用attribute,就已經是一個問題了。

  而JSON因為有object這種類型,可以自然地映射,不需考慮上述的問題,自然地得到以下的格式。

代碼如下:
{
    "name": "John",
    "age" : 10,
    "address" : {
        "country" : "China",
        "province" : "Guang Dong",
        "city" : "..",
        "district" : "..",
        ...
    }
}

  One More Thing…

  XML需要選擇怎麼處理element content的換行,而JSON string則不須作這個選擇。

  XML只有文字,沒有預設的數字格式,而JSON則有明確的number格式,這樣在locale上也安全。

  XML映射數組沒大問題,就是數組元素tag比較重復冗余。JSON 比較易讀。

  JSON的true/false/null也能容易統一至一般編程語言的對應語義。

  XML文檔可以附上DTD、Schema,還有一堆的諸如XPath之類規范,使用自定義XML元素或屬性,能很方便地給數據附加各種約束條件和關聯額外信息,從數據表達能力上看,XML強於Json,但是很多場景並不需要這麼復雜的重量級的東西,輕便靈活的Json就顯得很受歡迎了。

  打個比方,如果完成某件事有兩種方式:一種簡單的,一個復雜的。你選哪個?

  我只想殺只雞罷了,用得著牛刀?

  JSON與XML相比就是這樣的。

 四、總結

  這篇文章只是對XML和JSON這2種目前主流使用的數據格式進行了解釋,並系統的學習了其中的語法及如何進行解析,同時在最好針對XML和JSON做了對比,了解其不同點和各自的優勢。

面向數據的應用,個人比較喜歡使用json,因為它簡單和易於在客戶端進行處理,或者xml在服務器是無與倫比的,但json在客戶端的優勢也是很明顯的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved