DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery和ajax的關系詳細介紹
jquery和ajax的關系詳細介紹
編輯:JQuery特效代碼     
JQuery、AJAX都是Javascript的一個框架,各有各自不同的功能,如果把Javascript比作父親的話,JQuery和AJAX就是Javascript的親生兒子。在Javascript中非常復雜的功能,讓他們實現起來是極其的方便快捷。下面來總結一下他們各自的功能及特點和應用的場合。

JQuery是輕量級的js庫,它兼容CSS3,還兼容各種浏覽器 (IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用戶能更方便地處理HTML documents、events、實現動畫效果,並且方便地為網站提供AJAX交互。jQuery同時還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁保持代碼和html內容分離,也就是說,不用再在html裡面插入一堆js來調用命令了,只需定義id即可。

JQuery的宗旨是——WRITE LESS,DO MORE,也就是“吃得少,干的多”。讓我們廣大的程序員能夠寫更少的代碼,做更多的事情。

而JQuery在什麼時候使用呢?和上邊說的類似,它主要的用處就是:

1. 選擇器

通過$符號可以快速、精確的定位到指定的元素。選擇器包括:基本選擇器、層次選擇器、過濾選擇器、表單選擇器

2. 對DOM操作

通過$符號找到DOM元素,對屬性進行操作;添加刪除節點;對樣式進行操作;設置獲取HTML文本和值;遍歷子元素或同輩元素;添加事件

3. 表單驗證

4. 動畫效果

5. ajax

上邊總結的是JQuery,下面再繼續總結AJAX。

AJAX即“AsynchronousJavaScript and XML”(異步JavaScript和XML)。所謂的異步就是在事件觸發之後浏覽器任然可以做其他的事情,與發生事件的控件無關的控件不受影響。AJAX是一種用於創建更好更快以及交互性更強的 Web 應用程序的技術。

如果僅僅學會使用.net中的AJAX的幾個控件,也許你根本就理解不了AJAX中的Javascript和XML到底是怎麼回事,這些控件是對他們的封裝,微軟讓我們方便了很多,但是這是一種“傻瓜式”的使用方法。要想深刻的理解其中的Javascript和XML的使用,還需要掌握客戶端是怎麼接受Webservice(.asmx)和WCF(.svc)和一般處理程序(.ashx)文件的使用方法

那一般什麼時候使用AJAX,什麼時候使用AJAX比較合適呢?一般都是用在頁面局部發生變化的地方。如下:

1. 基於表單的交互

2. 深層樹狀導航

3. 實時用戶對用戶通訊

4. 投票、是否選擇、等級評價

5. 過濾和復雜數據操作

6. 普通錄入時的提示/自動補齊

不適用使用AJAX的場合:

1. 簡單的表單

2. 搜索

3. 基本導航

4. 替換大量的信息

5. 顯示操作

6. 無用的網頁小部件
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved