自從接觸了jquery就喜歡上了前端開發，而且深深感受到了前端開發的強大與重要之處。同時也想為asp.net鳴不平，事實上asp.net并沒有臃腫，說它臃腫的人無非是那些不了解它的人，可能他們看見過一些asp.net低級程序員在不斷往頁面里拖控件，然后發現生成的頁面中含有大量的垃圾代碼，而且幾乎把所有的邏輯處理都寫在了服務器端，覺得服務器壓力太大了。事實上，剛入門asp.net的人會有拖控件的習慣，但是當你再深入你會發現，最終asp.net的開發模式還是跟PHP、jsp等其它web開發模式是一樣的，PHP是html+css+js+PHP語言，asp.net是html+css+js+C#語言，唯一不同的只是服務器端語言而已（面向開發人員來說），如果看到這里還說asp.net很臃腫，因為需要.net框架的支持，那么為什么不說jsp很臃腫？jsp也需要java虛擬機的支持啊！所有的web開發都是基于客戶端發請求-服務器端返回數據-客戶端再處理數據這個模式，而且asp.net開發模式的好處在于很好地分離了服務器端與客戶端的代碼，不用在html里嵌套服務器端的代碼――當然這種模式現在已經幾乎被各種web開發采用了。
扯遠了。我們今天要掌握的很少，我比較喜歡用很少的代碼來寫demo，這樣大家比較容易掌握（內容有點低級，大神請繞道）。
我們建一個這樣的web項目：
首先寫客戶端的html代碼
<table> <thead> <tr> <td>學號</td> <td>姓名</td> <td>班別</td> <td>性別</td> <td>電話</td> </tr> </thead> <tbody></tbody></table><input id="btnget" type="button" value="加載數據" />
js代碼
$(function () { $("#btnget").click(function () { $.ajax({ type: "post", dataType: "json", url: "data.ashx", success: function (msg) { var str = ""; for (i in msg) { str += "<tr><td>" + msg[i].id + "</td><td>" + msg[i].name + "</td><td>" + msg[i].cla + "</td><td>" + msg[i].sex + "</td><td>" + msg[i].tel + "</td></tr>"; } $("tbody").append(str); } }); });});為了使表格好看一些，我們定義一下它的樣式
<style type="text/css"> table { border-collapse: collapse; } table td { text-align: center; border: 1px solid gray; padding: 3px 10px; }</style>然后寫服務器端返回json數據的代碼
string data = "[{/"id/":/"2010324268/",/"name/":/"林宇/",/"cla/":/"10軟件/",/"sex/":/"男/",/"tel/":/"13800138000/"},{/"id/":/"2010324256/",/"name/":/"李四/",/"cla/":/"10網絡/",/"sex/":/"女/",/"tel/":/"10010/"},{/"id/":/"2010324264/",/"name/":/"張三/",/"cla/":/"10軟件/",/"sex/":/"男/",/"tel/":/"10086/"}]";context.Response.Write(data);這里我直接把json數據寫好格式了。一般來說是需要從數據庫把數據讀取出來然后拼湊成json格式，或者可以使用別人寫好的一些序列化成json數據的類，當然，我更建議你自己寫一個，生成一個類庫方便以后使用。
如果需要解釋一下json是什么，它是和xml等等一些數據并列的一種數據格式，形如：[{"id":"1","name":"張三","age":"20"},{"id":"2","name":"李四","age":"18"}]這樣的格式。
這應該是每個web開發的人員都應該掌握的基礎技術吧。
新聞熱點
疑難解答
