ASP.NET不拖控件教程(1)-認識JSON

我講講脫離ASP.NET控件必備的一步,JSON和使用JQuery獲取JSON吧!數據庫

高手跳過,寫給學習中的人的。這篇帖子是假設你會使用JQuery(JQ這麼普及,應該不至少沒學過吧!真沒學過之後再開帖講羅)api

什麼是JSON?異步

來自W3School的解釋:函數

  • JSON 指的是 JavaScript 對象表示法(JavaScript Object Notation)
  • JSON 是輕量級的文本數據交換格式
  • JSON 獨立於語言 *
  • JSON 具備自我描述性,更易理解

不用說的太羅嗦,直白的解釋就是一段文本,能夠用來表示一段結構,相似C#和JAVA的類,不過就是值都帶上去了。能夠看一段JSON示例:學習

var JSONObject= {"name":"林大叔",
"street":"福州市X區XX路88號",
"age":29,
"phone":"18933883388"};

須要調用的時候,直接:JSONObject.name,能夠得出「林大叔」。url

JSON的好處就是讀取起來比XML快,如今基本上Ajax交互數據全靠JSON了。注意JSON中間的「名稱/值」對,格式是:名稱:值,是半角的冒號。spa

好了,JSON講完了,單個實體的話它真的就這些內容,可是怎麼用?不說怎麼用的話只講JSON不是找罵?code

那就講講使用JQuery獲取JSON吧,假設咱們的數據獲取地址爲:api.aspx,再假設你直接訪問api.aspx獲取到的一串字符串就是上面咱們定義的JSON。那麼:對象

var url='api.aspx';
$.getJSON(url, function (data) { $("#txtName").val(data.name); $("#txtAge").val(data.age); });

後面那個function表明獲取成功後執行的函數,也就是說,當我獲取數據成功後,data也就是獲取到的JSON字符串,這時候直接根據定義的名稱,能夠取得值。blog

沒有異步概念的同窗這裏要注意,因爲獲取數據須要時間,這裏就有個異步的概念,也就是說後面那個function是等到數據返回的時候纔會執行的,也就是須要等待,具體須要多久時間,看運行環境而定。

有了以上示例,你們能夠發揮想像了。

好比說:之前在ASP.NET中,作個某個內容的詳細頁(好比說學生信息詳細,原諒我用這麼土的例子)。通常方法是:作一個StudentInfo.aspx頁,拖幾個控件,根據傳入的Id,到數據庫獲取詳細信息,而後在Page_Load的時候,將值綁定到控件。

有了以上方法後,基本上能夠不用服務端控件了吧!能夠所有用HTML標籤。將數據呈如今某個地址裏,詳細頁經過JQuery去取JSON數據,取到後給HTML標籤賦值就行了。

至於怎麼取列表數據、怎麼或插入數據。這些之後再開帖說。祝學ASP.NET的同窗,早日擺脫只會拖控件。

我附上作的一個例子源代碼,下一次咱們來說在服務端生成JSON。

 http://files.cnblogs.com/jauntlin/JSONDemo1.zip

相關文章
相關標籤/搜索