1. 程式人生 > >Json例項:ajax返回多個值

Json例項:ajax返回多個值


這個示例非常基本,而且實際上比等效的純文字名稱/值對佔用更多的空間:

firstName=Brett
 


但是,當將多個名稱/值對串在一起時,JSON 就會體現出它的價值了。首先,可以建立包含多個名稱/值對的記錄,比如:

{ "firstName": "Brett", "lastName":"McLaughlin", "email": "[email protected]" }
 


從語法方面來看,這與名稱/值對相比並沒有很大的優勢,但是在這種情況下 JSON 更容易使用,而且可讀性更好。例如,它明確地表示以上三個值都是同一記錄的一部分;花括號使這些值有了某種聯絡。

值的陣列

當需要表示一組值時,JSON 不但能夠提高可讀性,而且可以減少複雜性。例如,假設您希望表示一個人名列表。在 XML 中,需要許多開始標記和結束標記;如果使用典型的名稱/值對(就像在本系列前面文章中看到的那種名稱/值對),那麼必須建立一種專有的資料格式,或者將鍵名稱修改為 person1-firstName 這樣的形式。

如果使用 JSON,就只需將多個帶花括號的記錄分組在一起:

{ "people": [
  { "firstName": "Brett", "lastName":"McLaughlin", "email": "[email protected]" },
  { "firstName": "Jason", "lastName":"Hunter", "email": "[email protected]" },
  { "firstName": "Elliotte", "lastName":"Harold", "email": "[email protected]" }
]}
 


這不難理解。在這個示例中,只有一個名為 people 的變數,值是包含三個條目的陣列,每個條目是一個人的記錄,其中包含名、姓和電子郵件地址。上面的示例演示如何用括號將記錄組合成一個值。當然,可以使用相同的語法表示多個值(每個值包含多個記錄):

{ "programmers": [
  { "firstName": "Brett", "lastName":"McLaughlin", "email": "[email protected]" },
  { "firstName": "Jason", "lastName":"Hunter", "email": "[email protected]

" },
  { "firstName": "Elliotte", "lastName":"Harold", "email": "[email protected]" }
 ],
"authors": [
  { "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },
  { "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },
  { "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }
 ],
"musicians": [
  { "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },
  { "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }
 ]
}
 


這裡最值得注意的是,能夠表示多個值,每個值進而包含多個值。但是還應該注意,在不同的主條目(programmers、authors 和 musicians)之間,記錄中實際的名稱/值對可以不一樣。JSON 是完全動態的,允許在 JSON 結構的中間改變表示資料的方式。

在處理 JSON 格式的資料時,沒有需要遵守的預定義的約束。所以,在同樣的資料結構中,可以改變表示資料的方式,甚至可以以不同方式表示同一事物。

在 JavaScript 中使用 JSON

掌握了 JSON 格式之後,在 JavaScript 中使用它就很簡單了。JSON 是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON 資料不需要任何特殊的 API 或工具包。

將 JSON 資料賦值給變數

例如,可以建立一個新的 JavaScript 變數,然後將 JSON 格式的資料字串直接賦值給它:

var people =
  { "programmers": [
    { "firstName": "Brett", "lastName":"McLaughlin", "email": "[email protected]" },
    { "firstName": "Jason", "lastName":"Hunter", "email": "[email protected]" },
    { "firstName": "Elliotte", "lastName":"Harold", "email": "[email protected]" }
   ],
  "authors": [
    { "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },
    { "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },
    { "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }
   ],
  "musicians": [
    { "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },
    { "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }
   ]
  }
 


這非常簡單;現在 people 包含前面看到的 JSON 格式的資料。但是,這還不夠,因為訪問資料的方式似乎還不明顯。

訪問資料

儘管看起來不明顯,但是上面的長字串實際上只是一個數組;將這個陣列放進 JavaScript 變數之後,就可以很輕鬆地訪問它。實際上,只需用點號表示法來表示陣列元素。所以,要想訪問 programmers 列表的第一個條目的姓氏,只需在 JavaScript 中使用下面這樣的程式碼:

people.programmers[0].lastName;
 


注意,陣列索引是從零開始的。所以,這行程式碼首先訪問 people 變數中的資料;然後移動到稱為 programmers 的條目,再移動到第一個記錄([0]);最後,訪問 lastName 鍵的值。結果是字串值 “McLaughlin”。

下面是使用同一變數的幾個示例。

people.authors[1].genre   // Value is "fantasy"

people.musicians[3].lastName  // Undefined. This refers to the fourth entry,
 and there isn't one

people.programmers.[2].firstName // Value is "Elliotte"
 


利用這樣的語法,可以處理任何 JSON 格式的資料,而不需要使用任何額外的 JavaScript 工具包或 API。

修改 JSON 資料

正如可以用點號和括號訪問資料,也可以按照同樣的方式輕鬆地修改資料:

people.musicians[1].lastName = "Rachmaninov";
 


在將字串轉換為 JavaScript 物件之後,就可以像這樣修改變數中的資料。

轉換回字串

當然,如果不能輕鬆地將物件轉換回本文提到的文字格式,那麼所有資料修改都沒有太大的價值。在 JavaScript 中這種轉換也很簡單:

String newJSONtext = people.toJSONString();
 


這樣就行了!現在就獲得了一個可以在任何地方使用的文字字串,例如,可以將它用作 Ajax 應用程式中的請求字串。

更重要的是,可以將任何 JavaScript 物件轉換為 JSON 文字。並非只能處理原來用 JSON 字串賦值的變數。為了對名為 myObject 的物件進行轉換,只需執行相同形式的命令:

String myObjectInJSON = myObject.toJSONString();
 


這就是 JSON 與本系列討論的其他資料格式之間最大的差異。如果使用 JSON,只需呼叫一個簡單的函式,就可以獲得經過格式化的資料,可以直接使用了。對於其他資料格式,需要在原始資料和格式化資料之間進行轉換。即使使用 Document Object Model 這樣的 API(提供了將自己的資料結構轉換為文字的函式),也需要學習這個 API 並使用 API 的物件,而不是使用原生的 JavaScript 物件和語法。

最終結論是,如果要處理大量 JavaScript 物件,那麼 JSON 幾乎肯定是一個好選擇,這樣就可以輕鬆地將資料轉換為可以在請求中傳送給伺服器端程式的格式。

相關推薦

Json例項:ajax返回

這個示例非常基本,而且實際上比等效的純文字名稱/值對佔用更多的空間: firstName=Brett  但是,當將多個名稱/值對串在一起時,JSON 就會體現出它的價值了。首先,可以建立包含多個名稱/值對的記錄,比如: { "firstName": "Brett", "lastName":"McLa

lua函數返回

less logs msg exec eat 函數返回 sta cpp then function CompareString(in_source, in_compare) local ret_value; local ret_msg; if (in_sourc

Python 返回+Lambda的使用

最大值 imp from return post 一個 lambda turn mat def MaxMin(a,b): if(a>b): return a,b else: return b,a max,min=Ma

Python返回

() class turn urn pytho emp bsp nbsp code 1 def get_abc(): 2 a = 1 3 b = 2 4 c = 3 5 return a,b,c 6 7 temp = get_abc()

python基礎之函式返回的方法

例: >>> def test(): a=11 b=22 c=33 return a #多個return,語法不會報錯,但是隻執行第一個return return b #不會執行此條語句 return c #不會執行此條語句 >>> num

用結構體指標做函式形參實現返回(fishing_6)

        最近在學ST32驅動數字攝像頭OV2640的實驗,無意中遇到了函式返回多個值的情況,決定Mark一下,說不定以後就會用到,因為一般函式都是隻有一個返回值的嘛,具體如下:         首先在標頭檔案定義結構體:                 typed

Javascript函式返回

                Javascript函式返回多個值左直拳我從來就沒有真正掌握過Javascript,又或許是Javascript不斷地在發展,有好多東西看起來常常令我覺得十分驚奇。比如說,在網上看到一條Javascript語句:Return [a,b,c,d];這是返回語句,可是它有對方括號,

c# 方法返回用out

該方法返回   a+10   和   a-10   的結果,返回兩個值: public  static  void  GetValue( int a , out int b , out

函式變相做到返回的方法

 2方法1:利用全域性變數        分析:全域性變數作為C語言的一個知識點,雖然我們都瞭解它的特點,但在實際教學過程中應用得並不是很多。由於全域性變數的作用域是從定義變數開始直到程式結束,而對於編寫有多個返回值的C語言函式,我們可以考慮把要返回的多個值定義成全域性變

4.2 使用元組-返回

parse_int(List) -> parse_int(skip_to_int(List), 0). parse_int([H|T], N) when H >= $0, H =< $9 -> parse_int(T, 10 * N + H - $0);

java如何從方法返回

import java.util.HashMap; import java.util.Map; public class Test { /** * 方法1:使用集合類 (Map以外的集合類也可以隨意使用) * 目標:返回一個數組的最大值和最小值 */ pu

C語言如何讓一個函式返回

轉載:https://jingyan.baidu.com/article/d169e1860d278d436711d854.html 一、實現方法 1.用指標和陣列(陣列名本質上是一個指標); 2.或是你根本就不要返回,設定一個巨集觀變數(全域性變數),主函式和子函式都使用,就不用返回了

C++呼叫返回的Python函式

  某些時候,用python模組來實現一些特定的功能會比用其他型別的模組更加簡潔方便。 在C++程式中,呼叫python模組時需要載入一些必要的libs,這些libs在網上都可以找到。下面的程式碼演示了C++程式如何呼叫python中的函式,並得到從python函式中返回的多

redis列表型別list如何一次返回並刪除這些

redis的列表型別list是一個常用的資料型別,但是這個型別並不支援一次性返回多個值並刪除這些已經返回的值。 其實我們可以通過redis的事務,來完成這個一次性返回多個值並刪除這些已經返回的值的需求。 redis中的事務就是一組命令的集合,這些命令要麼全部執行,要麼全都

python 函式返回

(廖雪峰Python教程學習筆記) 函式體內部的語句在執行時,一旦執行到return,函式就執行完畢,並將結果返回。 如果沒有return語句,函式執行完畢後也會返回結果,只是結果為None。 return None可以簡寫為return。 Python

mysql儲存過程之返回

mysql儲存函式只返回一個值。要開發返回多個值的儲存過程,需要使用帶有INOUT或OUT引數的儲存過程。咱們先來看一個orders表它的結構:mysql> desc orders; +----------------+-------------+------+----

自定義函式 返回(指標)

#include "iostream.h"void calcu(int *a,int *b,int *l,int *angle){//進行相應的操作//比如...*l += *a;*angle += *

SQL IN 子查詢返回

下午遇到一個問題,IN子查詢返回多個值。 網上查了很多文件,資料,都沒收穫。 問了技術群的同僚,竟然還被嘲笑了。IN 怎麼可能匹配多個欄位呢! 個人印象中曾經在哪裡見到過,所以就覺得不服氣。自己慢慢地去試,試出來了。 我們常用的IN 操作是這樣的: s

python函式返回

返回多個值 函式可以返回多個值嗎?答案是肯定的。 比如在遊戲中經常需要從一個點移動到另一個點,給出座標、位移和角度,就可以計算出新的新的座標: import math def move(x, y, step, angle=0): nx = x + step * m

從C++函式返回

今天在回顧std::initializer_list時候,想到C++中一個函式返回多個值的方法都有哪些? 搜尋到了這麼一篇譯文,寫的還是挺全面的。 它的原文地址在這裡: 作為深度閱讀可以看