使用dwr2.0實現服務器推客戶端(結合響應socket服務器推消息)
jQuery 是一個 JavaScript 庫。 jQuery 極大地簡化了 JavaScript 編程。 jQuery 很容易學習。 在本教程中,您將通過教程以及許多在線實例,學到如何通過使用 jQuery 應用 JavaScript 效果。 jQuery 是一個“寫的更少,但做的更多”的輕量級 JavaScript 庫。 基本上,您將學習到如何選取 HTML 元素,以及如何對它們執行類似隱藏、移動以及操作其內容等任務。
jQuery由美國人John Resig于2006年初創建,至今已吸引了來自世界各地的眾多javascript高手加入其team,包括來自德國的Jörn Zaeffere ,羅馬尼亞的Stefan Petre等等。 jQuery是一個快速的,簡潔的javaScript庫,使用戶能更方便地處理HTML documents、events、實現動畫效果,并且方便地為網站提供AJAX交互。
這個函數接收一個包含 CSS 選擇器的字符串,然后用這個字符串去匹配一組元素。<br> jQuery 的核心功能都是通過這個函數實現的。 jQuery中的一切都基于這個函數,或者說都是在以某種方式使用這個函數。這個函數最基本的用法就是向它傳遞一個表達式(通常由 CSS 選擇器組成),然后根據這個表達式來查找所有匹配的元素。<br> 默認情況下, 如果沒有指定context參數,$()將在當前的 HTML document中查找 DOM 元素;如果指定了 context 參數,如一個 DOM 元素集或 jQuery 對象,那就會在這個 context 中查找。在jQuery 1.3.2以后,其返回的元素順序等同于在context中出現的先后順序。
ExtJs初期僅是對Yahoo! UI的對話框擴展,后來逐漸有了自己的特色,深受網友的喜愛。 發展至今, Ext除YUI外還支持Jquery、Prototype等的多種JS底層庫,讓大家自由地選擇。該框架完全基于純Html/CSS+JS技術,提供豐富的跨瀏覽器UI組件,靈活采用JSON/XML數據源開發,使得服務端表示層的負荷真正減輕,從而達到客戶端的MVC應用!
目前在Web應用程序開發領域,Ext JS框架已經逐漸被廣泛使用,它是富客戶端開發中出類拔萃的框架之一。在Ext的UI控件中,樹形控件無疑是最為常用的控件之一,它用來實現樹形結構的菜單。TreeNode用來實現靜態的樹形菜單,AsyncTreeNode用來實現動態的異步加載樹形菜單,后者最為常用,它通過接收服務器端返回來的JSON格式的數據,動態生成樹形菜單節點。
jQuery確實是一個挺好的輕量級的JS框架,能幫助我們快速的開發JS應用,并在一定程度上改變了我們寫JavaScript代碼的習慣。我們先來看一些簡單的方法,這些方法都是對jQuery.ajax()進行封裝以方便我們使用的方法,當然,如果要處理復雜的邏輯,還是需要用到jQuery.ajax()的(這個后面會說到).1.load(url,[data],[callback]):載入遠程HTML文件代碼并插入至DOM中。url(String):請求的HTML頁的URL地址。
jQuery 參考手冊及教程
jQuery是John Resig建立的一個輕量級javascript庫 主流的js庫還有Prototype, YUI, Dojo, MooTools。jQuery簡潔易用、性能較為優秀(性能測試:http://mootools.net/slickspeed) 兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+) 使用戶能更方便地處理HTML文檔、事件、實現動畫效果 方便地為網站提供Ajax交互
有兩種方法開始DWR,簡單的方式是下載WAR文件然后看看。但是這不能幫你知道如何輕松的把DWR整合到你的web應用中,所以還是推薦你按照下面的3個步驟做:
通過jquery的$()引用元素包括通過id、class、元素名以及元素的層級關系及dom或者xpath條件等方法,且返回的對象為jquery對象(集合對象),不能直接調用dom定義的方法。
隨著三層架構的流行,不但很多服務器技術越來越豐富,現在前臺頁面技術也越來越豐富。以往那種簡單的HTML基本元素已經遠遠不符合現在復雜的頁面要求。最近,很多專注的前臺頁面技術的框架有如雨后春筍一般踴躍出現,其中包括Jquery、Extjs、Dojo、GWT等等。
在客戶端,展現層是一個組件的可視化部分。根據客戶端的不同,它可以是HTML標記加JavaScript代碼,MIDLet,XML節點和flash。出于描述的考慮,我們只討論Ajax瀏覽器中的展現。即HTML標記語言加JavaScript代碼。
Ajax 由 HTML、JavaScript? 技術、DHTML 和 DOM 組成,這一杰出的方法可以將笨拙的 Web 界面轉化成交互性的 Ajax 應用程序。本文的作者是一位 Ajax 專家,他演示了這些技術如何協同工作 —— 從總體概述到細節的討論 —— 使高效的 Web 開發成為現實。他還揭開了 Ajax 核心概念的神秘面紗,包括 XMLHttpRequest 對象。
ajax請求如何自定義超時時間,并處理相應的超時事件呢? 對jQuery來說,超時可以直接設置timeout參數,并在error事件中捕獲第二個參數,如果是“timeout”則表明捕獲了超時事件,非常清楚。
function(index, class)這個函數返回一個或更多用空格隔開的要增加的樣式名。接收元素的索引位置和元素舊的樣式名作為參數。 值得注意的是這個方法不會替換一個樣式類名。它只是簡單的添加一個樣式類名到可能已經指定的元素上。
EXT核心API詳解
DWR配置和使用設置,DWR的使用是簡單的:將DWR的jar文件拷入Web應用的WEB-INF/lib目錄中,在web.xml中增加一個servlet聲明,并創建DWR的配置文件。DWR的分發中需要使用一個單獨的jar文件。
jQuery是一套Javascript腳本庫.在我的博客中可以找到"Javascript輕量級腳本庫"系列文章.Javascript腳本庫類似于.NET的類庫,我們將一些工具方法或對象方法封裝在類庫中,方便用戶使用.
這一期的 掌握 Dojo 系列 文章將主要講述 Dojo 工具包的 UI 組件庫 - Dijit 中類型多樣的 Widget 及其使用方法。