jquery和ajax的關(guān)系詳細介紹

2019-11-20 21:33:12

字體：大中小

供稿：網(wǎng)友

JQuery、AJAX都是Javascript的一個框架，各有各自不同的功能，如果把Javascript比作父親的話，JQuery和AJAX就是Javascript的親生兒子。在Javascript中非常復(fù)雜的功能，讓他們實現(xiàn)起來是極其的方便快捷。下面來總結(jié)一下他們各自的功能及特點和應(yīng)用的場合。

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

JQuery的宗旨是――WRITE LESS,DO MORE，也就是“吃得少，干的多”。讓我們廣大的程序員能夠?qū)懜俚拇a，做更多的事情。

而JQuery在什么時候使用呢？和上邊說的類似，它主要的用處就是：

1. 選擇器

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

2. 對DOM操作

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

3. 表單驗證

4. 動畫效果

5. ajax

上邊總結(jié)的是JQuery，下面再繼續(xù)總結(jié)AJAX。

AJAX即“AsynchronousJavaScript and XML”（異步JavaScript和XML)。所謂的異步就是在事件觸發(fā)之后瀏覽器任然可以做其他的事情，與發(fā)生事件的控件無關(guān)的控件不受影響。AJAX是一種用于創(chuàng)建更好更快以及交互性更強的 Web 應(yīng)用程序的技術(shù)。

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

那一般什么時候使用AJAX，什么時候使用AJAX比較合適呢？一般都是用在頁面局部發(fā)生變化的地方。如下：

1. 基于表單的交互

2. 深層樹狀導(dǎo)航

3. 實時用戶對用戶通訊

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

5. 過濾和復(fù)雜數(shù)據(jù)操作

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

不適用使用AJAX的場合：

1. 簡單的表單

2. 搜索

3. 基本導(dǎo)航

4. 替換大量的信息

5. 顯示操作

6. 無用的網(wǎng)頁小部件

上一篇：javascript特殊用法示例介紹

下一篇：js操作table示例(個人心得)