軟件開發(fā)架構(gòu)平臺技術(shù)：jQuery、JSON、DWR

軟件開發(fā)架構(gòu)平臺技術(shù)CH07AJAXIII目錄jQueryJSONDWR為什么需要jQuery使用AJAX技術(shù)的Web應(yīng)用需要在HTML頁面中編寫大量的JavaScript代碼什么是jQueryjQueryjQueryisafast,small,andfeature-richJavaScriptlibrary.ItmakesthingslikeHTMLdocumenttraversalandmanipulation,event

handling,animation,andAjaxmuchsimplerwithaneasy-to-useAPIthatworksacrossamultitudeofbrowsers.Withacombinationofversatilityandextensibility,jQueryhaschangedthewaythatmillionsofpeoplewriteJavaScript.JohnResig,2006,BarCamp,NewYork.jQuery簡介目前jQuery有兩個版本1.x和2.x。其中1.x支持所有瀏覽器，而2.x不支持IE6、7、8。在開發(fā)中使用jQuery框架很簡單，只需將相應(yīng)版本的對應(yīng)的.js文件(jquery-2.1.0.js)引入到項目中即可。jQuery語法jQuery語法是為HTML元素的選取而設(shè)計的?；菊Z法：$:用于在JavaScript語言中標識jQuery。selector:選擇器，用于查找或查詢HTML元素。action()：指對選擇的元素執(zhí)行的特定操作。簡單使用范例$(selector).action()$(this).hide()-隱藏當前元素$("p").hide()-隱藏所有段落$("p.test").hide()-隱藏class=“test”的段落$("#test").hide()-隱藏id=“test”的元素jQuery語法Cont.文檔就緒函數(shù)為了防止HTML文檔在完全加載之前運行jQuery代碼，一般會將所有的jQuery調(diào)用放到文檔就緒函數(shù)中。$(document).ready(function(){ //jQuery調(diào)用

//jQuery調(diào)用});jQuery語法Cont.jQuery選擇器元素選擇器：jQuery使用CSS選擇器來選取HTML元素。屬性選擇器：jQuery使用Xpath表達式來選取帶有給定屬性的元素。CSS選擇器：用于改變HTML元素的CSS屬性。$("p"):選取<p>元素$("ro"):選取class=“intro”的p元素$("[href]"):選取所有帶有href屬性的元素$("[href$='.jpg']"):選取所有href屬性以.jpg結(jié)尾的元素$(“p”).css(“background-color”,”red”)把所有p元素的背景顏色更改為紅色jQuery語法Cont.jQuery事件函數(shù)jQuery的核心是事件處理函數(shù)，事件處理函數(shù)是指當HTML中發(fā)生某事件時調(diào)用的函數(shù)。常用jQuery效果隱藏和顯示jQuery與AJAXjQuery框架中的AJAX相關(guān)方法通過jQueryAJAX方法，可以使用HTTPGet和HTTPPost從遠程服務(wù)器上請求文本、HTML、XML或JSON數(shù)據(jù)同時您能夠把這些外部數(shù)據(jù)直接載入網(wǎng)頁的被選元素中。能夠大量的簡化AJAX開發(fā)的前端JavaScript代碼。jQuery與AJAXload()方法load()相當于傳統(tǒng)AJAX使用中的open()方法?；菊Z法：URL參數(shù)必填，請求的URL資源。data參數(shù)可選，向服務(wù)器發(fā)送的數(shù)據(jù)，鍵值對的集合(map)。callback參數(shù)可選，回調(diào)函數(shù)。其他方法:get()方法和post()方法$(selector).load(URL,data,callback);JSONJSON(JavaScriptObjectNotation)JSON是一種輕量級的數(shù)據(jù)交換格式，易于人閱讀和編寫，同時也易于機器解析和生成。JSON是JavaScriptProgrammingLanguage,StandardECMA-2623rdEdition-December1999標準的一個子集。JSON采用完全獨立于語言的文本格式，但是也使用了類似于C語言家族的習慣(包括C,C++,C#,Java,JavaScript,Perl,Python等)。這使得JSON成為理想的數(shù)據(jù)交換語言。JSON語法JSON語法基于下列兩種結(jié)構(gòu)：鍵值對的集合(Acollectionofname/valuepairs)：不同的語言中被理解為對象object，紀錄record，結(jié)構(gòu)struct，字典dictionary，哈希表hashtable，有鍵列表keyedlist，或者關(guān)聯(lián)數(shù)組associativearray。值的有序列表(Anorderedlistofvalues)：在大部分語言中都被理解為數(shù)組array。以上兩種都是常見的數(shù)據(jù)結(jié)構(gòu)，事實上大部分現(xiàn)代計算機語言都以某種形式提供支持。這使得JSON在同樣基于這些結(jié)構(gòu)的編程語言之間交換成為可能。JSON語法Cont.JSON語法——對象對象是一個無序的“鍵/值”對的集合。一個對象以“{”開始，“}”結(jié)束。每個“鍵”后跟一個“:”“鍵/值”對之間使用“,”（逗號）分隔。JSON語法Cont.JSON語法——數(shù)組數(shù)組是值（value）的有序集合。一個數(shù)組以“[”開始，“]”結(jié)束。值之間使用“,”（逗號）分隔。JSON語法Cont.JSON語法——值值（value）可以是雙引號括起來的字符串string、數(shù)值number、true、false、null、對象object或者數(shù)組array。這些結(jié)構(gòu)可以嵌套。JSON語法Cont.JSON語法——字符串和數(shù)值JSON使用范例JSON使用范例Cont.JSON使用范例Cont.JSON最常見的用法:從web服務(wù)器上讀取JSON數(shù)據(jù)，將JSON數(shù)據(jù)轉(zhuǎn)換為JavaScript對象，然后在網(wǎng)頁中使用該數(shù)據(jù)。什么是DWRDWRDWR:DirectWebRemoting.DWRisaJavalibrarythatenablesJavaontheserverandJavaScriptinabrowsertointeractandcalleachotherassimplyaspossible.DWRisEasyAjaxforJava.DWRversion3.0.rc2isthemostrecentdevelopmentrelease.DWRversion2.0.10isthecurrentstablerelease.DWRDWR的特點