軟件開發架構平臺技術CH07AJAXIII目錄jQueryJSONDWR為什么需要jQuery使用AJAX技術的Web應用需要在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。在開發中使用jQuery框架很簡單，只需將相應版本的對應的.js文件(jquery-2.1.0.js)引入到項目中即可。jQuery語法jQuery語法是為HTML元素的選取而設計的。基本語法：$:用于在JavaScript語言中標識jQuery。selector:選擇器，用于查找或查詢HTML元素。action()：指對選擇的元素執行的特定操作。簡單使用范例$(selector).action()$(this).hide()-隱藏當前元素$("p").hide()-隱藏所有段落$("p.test").hide()-隱藏class=“test”的段落$("#test").hide()-隱藏id=“test”的元素jQuery語法Cont.文檔就緒函數為了防止HTML文檔在完全加載之前運行jQuery代碼，一般會將所有的jQuery調用放到文檔就緒函數中。$(document).ready(function(){ //jQuery調用

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